react-native-reanimated 2.9.1 → 2.10.0

package/lib/reanimated2/jestUtils.js

@@ -127,9 +127,9 @@ const tickTravel = () => {
     currentTimestamp += frameTime;
     jest.advanceTimersByTime(frameTime);
 };
-export const withReanimatedTimer = (animatonTest) => {
+export const withReanimatedTimer = (animationTest) => {
     beforeTest();
-    animatonTest();
+    animationTest();
     afterTest();
 };
 export const advanceAnimationByTime = (time = frameTime) => {
@@ -145,7 +145,15 @@ export const advanceAnimationByFrame = (count) => {
     jest.advanceTimersByTime(frameTime);
 };
 export const setUpTests = (userConfig = {}) => {
-    const expect = require('expect');
+    let expect;
+    try {
+        expect = require('expect');
+    }
+    catch (_) {
+        // for Jest in version 28+
+        const { expect: expectModule } = require('@jest/globals');
+        expect = expectModule;
+    }
     require('setimmediate');
     frameTime = Math.round(1000 / config.fps);
     config = Object.assign(Object.assign({}, config), userConfig);

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

@@ -96,4 +96,11 @@ export default class JSReanimated extends NativeReanimated {
             throw Error('This method can be only use in Jest testing.');
         }
     }
+    subscribeForKeyboardEvents(_) {
+        console.warn('[Reanimated] useAnimatedKeyboard is not available on web yet.');
+        return -1;
+    }
+    unsubscribeFromKeyboardEvents(_) {
+        // noop
+    }
 }

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

@@ -1,25 +1,36 @@
 // 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,
+const initializeGlobalsForWeb = () => {
+    if (shouldBeUseWeb()) {
+        global._frameTimestamp = null;
+        global._setGlobalConsole = (_val) => {
+            // noop
         };
-    };
-    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");
-    };
-}
+        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");
+        };
+    }
+    return true;
+};
+/*
+  If a file doesn't export anything, tree shaking doesn't pack
+  it into the JS bundle. In effect, the code inside of this file
+  will never execute. That is why we wrapped initialization code
+  into a function, and we call this one during creating
+  the module export object.
+*/
+export default initializeGlobalsForWeb();

package/lib/reanimated2/layoutReanimation/LayoutAnimationRepository.js

@@ -5,7 +5,7 @@ import { ColorProperties } from '../UpdateProps';
 import { processColor } from '../Colors';
 runOnUI(() => {
     'worklet';
-    const configs = {};
+    const configs = Object.create(null);
     const enteringAnimationForTag = {};
     global.LayoutAnimationRepository = {
         configs,

package/lib/types/index.d.ts

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

package/lib/types/{lib/index.d.ts → index.web.d.ts}

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

package/lib/types/{lib/reanimated2 → reanimated2}/NativeReanimated/NativeReanimated.d.ts

@@ -1,4 +1,4 @@
-import { SharedValue, SensorValue3D, SensorValueRotation } from '../commonTypes';
+import { SharedValue, SensorValue3D, SensorValueRotation, AnimatedKeyboardInfo } from '../commonTypes';
 import { Descriptor } from '../hook/commonTypes';
 export declare class NativeReanimated {
     native: boolean;
@@ -17,4 +17,6 @@ export declare class NativeReanimated {
     getViewProp<T>(viewTag: string, propName: string, callback?: (result: T) => void): Promise<T>;
     enableLayoutAnimations(flag: boolean): void;
     configureProps(uiProps: string[], nativeProps: string[]): void;
+    subscribeForKeyboardEvents(keyboardEventData: AnimatedKeyboardInfo): number;
+    unsubscribeFromKeyboardEvents(listenerId: number): void;
 }

package/lib/types/{lib/reanimated2 → reanimated2}/commonTypes.d.ts

@@ -77,3 +77,15 @@ export declare type ValueRotation = {
     roll: number;
 };
 export declare type SensorValueRotation = SharedValue<ValueRotation>;
+export declare type ShadowNodeWrapper = object;
+export declare enum KeyboardState {
+    UNKNOWN = 0,
+    OPENING = 1,
+    OPEN = 2,
+    CLOSING = 3,
+    CLOSED = 4
+}
+export declare type AnimatedKeyboardInfo = {
+    height: SharedValue<number>;
+    state: SharedValue<KeyboardState>;
+};

package/lib/types/{lib/reanimated2 → reanimated2}/component/FlatList.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { FlatListProps } from 'react-native';
 import { ILayoutAnimationBuilder } from '../layoutReanimation/animationBuilder/commonTypes';
-export interface ReanimatedFlatlistProps<ItemT> extends FlatListProps<ItemT> {
+export interface ReanimatedFlatListProps<ItemT> extends FlatListProps<ItemT> {
     itemLayoutAnimation?: ILayoutAnimationBuilder;
 }
-declare type ReanimatedFlatListFC<T = any> = React.FC<ReanimatedFlatlistProps<T>>;
+declare type ReanimatedFlatListFC<T = any> = React.FC<ReanimatedFlatListProps<T>>;
 declare const ReanimatedFlatlist: ReanimatedFlatListFC;
 export default ReanimatedFlatlist;

package/lib/types/reanimated2/frameCallback/FrameCallbackRegistryJS.d.ts

@@ -0,0 +1,7 @@
+export default class FrameCallbackRegistryJS {
+    private nextCallbackId;
+    constructor();
+    registerFrameCallback(callback: () => void): number;
+    unregisterFrameCallback(frameCallbackId: number): void;
+    manageStateFrameCallback(frameCallbackId: number, state: boolean): void;
+}

package/lib/types/reanimated2/frameCallback/FrameCallbackRegistryUI.d.ts

@@ -0,0 +1,10 @@
+export default interface FrameCallbackRegistryUI {
+    frameCallbackRegistry: Map<number, () => void>;
+    frameCallbackActive: Set<number>;
+    isFrameCallbackRunning: boolean;
+    runCallbacks: () => void;
+    registerFrameCallback: (callback: () => void, callbackId: number) => void;
+    unregisterFrameCallback: (frameCallbackId: number) => void;
+    manageStateFrameCallback: (frameCallbackId: number, state: boolean) => void;
+}
+export declare const prepareUIRegistry: () => void;

package/lib/types/{lib/reanimated2 → reanimated2}/hook/index.d.ts

@@ -8,3 +8,6 @@ export { useAnimatedRef } from './useAnimatedRef';
 export { useAnimatedScrollHandler, ScrollHandler, ScrollHandlers, } from './useAnimatedScrollHandler';
 export { useDerivedValue, DerivedValue } from './useDerivedValue';
 export { useAnimatedSensor, SensorType } from './useAnimatedSensor';
+export { useFrameCallback } from './useFrameCallback';
+export type { FrameCallback } from './useFrameCallback';
+export { useAnimatedKeyboard } from './useAnimatedKeyboard';

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

@@ -0,0 +1,2 @@
+import { AnimatedKeyboardInfo } from '../commonTypes';
+export declare function useAnimatedKeyboard(): AnimatedKeyboardInfo;

package/lib/types/{lib/reanimated2 → reanimated2}/hook/useAnimatedSensor.d.ts

@@ -7,7 +7,7 @@ export declare enum SensorType {
     ROTATION = 5
 }
 export declare type SensorConfig = {
-    interval: number;
+    interval: number | 'auto';
 };
 export declare type AnimatedSensor = {
     sensor: SensorValue3D | SensorValueRotation | null;

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

@@ -0,0 +1,6 @@
+export declare type FrameCallback = {
+    setActive: (isActive: boolean) => void;
+    isActive: boolean;
+    callbackId: number;
+};
+export declare function useFrameCallback(callback: () => void, autostart?: boolean): FrameCallback;

package/lib/types/{lib/reanimated2 → reanimated2}/jestUtils.d.ts

@@ -5,7 +5,7 @@ declare global {
         }
     }
 }
-export declare const withReanimatedTimer: (animatonTest: any) => void;
+export declare const withReanimatedTimer: (animationTest: any) => void;
 export declare const advanceAnimationByTime: (time?: number) => void;
 export declare const advanceAnimationByFrame: (count: any) => void;
 export declare const setUpTests: (userConfig?: {}) => void;

package/lib/types/{lib/reanimated2 → reanimated2}/js-reanimated/JSReanimated.d.ts

@@ -1,7 +1,7 @@
 import MapperRegistry from './MapperRegistry';
 import MutableValue from './MutableValue';
 import { NativeReanimated } from '../NativeReanimated/NativeReanimated';
-import { Timestamp, NestedObjectValues } from '../commonTypes';
+import { Timestamp, NestedObjectValues, AnimatedKeyboardInfo } from '../commonTypes';
 export default class JSReanimated extends NativeReanimated {
     _valueSetter?: <T>(value: T) => void;
     _renderRequested: boolean;
@@ -27,4 +27,6 @@ export default class JSReanimated extends NativeReanimated {
     registerSensor(): number;
     unregisterSensor(): void;
     jestResetModule(): void;
+    subscribeForKeyboardEvents(_: AnimatedKeyboardInfo): number;
+    unsubscribeFromKeyboardEvents(_: number): void;
 }

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

@@ -0,0 +1,2 @@
+declare const _default: boolean;
+export default _default;

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": "2.10.0",
   "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",
@@ -74,7 +73,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",
@@ -102,7 +100,7 @@
     "@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.69.5",
     "@typescript-eslint/eslint-plugin": "^5.11.0",
     "@typescript-eslint/parser": "^5.11.0",
     "babel-eslint": "^10.1.0",
@@ -122,8 +120,9 @@
     "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.3",
+    "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",

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]],
@@ -305,13 +306,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 +758,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 +780,6 @@ module.exports = function ({ types: t }) {
           processIfGestureHandlerEventCallbackFunctionNode(t, path, state);
         },
       },
-      ExportNamedDeclaration: ExportNamedDeclarationFn,
     },
   };
 };