react-native-reanimated 2.3.0-alpha.3 → 2.3.0-beta.4

package/src/Animated.js

@@ -1,4 +1,4 @@
-import { Image, ScrollView, Text, View } from 'react-native';
+import { Image, ScrollView, Text, View, LogBox } from 'react-native';
 import createAnimatedComponent from './createAnimatedComponent';
 import {
   addWhitelistedNativeProps,
@@ -23,3 +23,11 @@ const Animated = {
 export * from './reanimated2';
 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/src/{ConfigHelper.js → ConfigHelper.ts}

@@ -3,7 +3,7 @@ import ReanimatedModule from './ReanimatedModule';
 /**
  * Styles allowed to be direcly updated in UI thread
  */
-let UI_THREAD_PROPS_WHITELIST = {
+let UI_THREAD_PROPS_WHITELIST: Record<string, boolean> = {
   opacity: true,
   transform: true,
   /* colors */
@@ -28,7 +28,7 @@ let UI_THREAD_PROPS_WHITELIST = {
 /**
  * Whitelist of view props that can be updated in native thread via UIManagerModule
  */
-let NATIVE_THREAD_PROPS_WHITELIST = {
+let NATIVE_THREAD_PROPS_WHITELIST: Record<string, boolean> = {
   borderBottomWidth: true,
   borderEndWidth: true,
   borderLeftWidth: true,
@@ -106,14 +106,16 @@ let NATIVE_THREAD_PROPS_WHITELIST = {
   placeholderTextColor: true,
 };
 
-function configureProps() {
+function configureProps(): void {
   ReanimatedModule.configureProps(
     Object.keys(NATIVE_THREAD_PROPS_WHITELIST),
     Object.keys(UI_THREAD_PROPS_WHITELIST)
   );
 }
 
-export function addWhitelistedNativeProps(props) {
+export function addWhitelistedNativeProps(
+  props: Record<string, boolean>
+): void {
   const oldSize = Object.keys(NATIVE_THREAD_PROPS_WHITELIST).length;
   NATIVE_THREAD_PROPS_WHITELIST = {
     ...NATIVE_THREAD_PROPS_WHITELIST,
@@ -124,7 +126,7 @@ export function addWhitelistedNativeProps(props) {
   }
 }
 
-export function addWhitelistedUIProps(props) {
+export function addWhitelistedUIProps(props: Record<string, boolean>): void {
   const oldSize = Object.keys(UI_THREAD_PROPS_WHITELIST).length;
   UI_THREAD_PROPS_WHITELIST = { ...UI_THREAD_PROPS_WHITELIST, ...props };
   if (oldSize !== Object.keys(UI_THREAD_PROPS_WHITELIST).length) {
@@ -133,17 +135,23 @@ export function addWhitelistedUIProps(props) {
 }
 
 const PROCESSED_VIEW_NAMES = new Set();
+
+interface ViewConfig {
+  uiViewClassName: string;
+  validAttributes: Record<string, unknown>;
+}
 /**
  * updates UI props whitelist for given view host instance
  * this will work just once for every view name
  */
-export function adaptViewConfig(viewConfig) {
+
+export function adaptViewConfig(viewConfig: ViewConfig): void {
   const viewName = viewConfig.uiViewClassName;
   const props = viewConfig.validAttributes;
 
   // update whitelist of UI props for this view name only once
   if (!PROCESSED_VIEW_NAMES.has(viewName)) {
-    const propsToAdd = {};
+    const propsToAdd: Record<string, boolean> = {};
     Object.keys(props).forEach((key) => {
       // we don't want to add native props as they affect layout
       // we also skip props which repeat here

package/src/ReanimatedModuleCompat.ts

@@ -0,0 +1,51 @@
+export default {
+  async disconnectNodeFromView(): Promise<void> {
+    // noop
+  },
+  async attachEvent(
+    _viewTag: number,
+    _eventName: string,
+    _nodeID: number
+  ): Promise<void> {
+    // noop
+  },
+  async detachEvent(
+    _viewTag: number,
+    _eventName: string,
+    _nodeID: number
+  ): Promise<void> {
+    // noop
+  },
+  async createNode(
+    _nodeID: number,
+    _config: Record<string, unknown>
+  ): Promise<void> {
+    // noop
+  },
+  async dropNode(_nodeID: number): Promise<void> {
+    // noop
+  },
+  async configureProps(
+    _nativeProps: string[],
+    _uiProps: string[]
+  ): Promise<void> {
+    // noop
+  },
+  async disconnectNodes(): Promise<void> {
+    // noop
+  },
+  async addListener(): Promise<void> {
+    // noop
+  },
+  async removeListeners(): Promise<void> {
+    // noop
+  },
+  async removeAllListeners(): Promise<void> {
+    // noop
+  },
+  async animateNextTransition(): Promise<void> {
+    console.warn(
+      'Reanimated: animateNextTransition is unimplemented on current platform'
+    );
+  },
+};