Make makeShareableCloneRecursive more readable

packages/react-native-reanimated/src/ReanimatedModule/NativeReanimated.ts

@@ -6,6 +6,7 @@ import type {
   LayoutAnimationBatchItem,
   IReanimatedModule,
   IWorkletsModule,
+  WorkletFunction,
 } from '../commonTypes';
 import { checkCppVersion } from '../platform-specific/checkCppVersion';
 import { jsVersion } from '../platform-specific/jsVersion';
@@ -165,7 +166,7 @@ See https://docs.swmansion.com/react-native-reanimated/docs/guides/troubleshooti
   }
 
   subscribeForKeyboardEvents(
-    handler: ShareableRef<number>,
+    handler: ShareableRef<WorkletFunction>,
     isStatusBarTranslucent: boolean,
     isNavigationBarTranslucent: boolean
   ) {

packages/react-native-reanimated/src/ReanimatedModule/js-reanimated/JSReanimated.ts

@@ -12,6 +12,7 @@ import type {
   ShareableRef,
   Value3D,
   ValueRotation,
+  WorkletFunction,
 } from '../../commonTypes';
 import type { WebSensor } from './WebSensor';
 import { mockedRequestAnimationFrame } from '../../mockedRequestAnimationFrame';
@@ -210,7 +211,7 @@ class JSReanimated implements IReanimatedModule {
     }
   }
 
-  subscribeForKeyboardEvents(_: ShareableRef<number>): number {
+  subscribeForKeyboardEvents(_: ShareableRef<WorkletFunction>): number {
     if (isWeb()) {
       logger.warn('useAnimatedKeyboard is not available on web yet.');
     } else if (isJest()) {

packages/react-native-reanimated/src/ReanimatedModule/reanimatedModuleProxy.ts

@@ -6,6 +6,7 @@ import type {
   Value3D,
   ValueRotation,
   LayoutAnimationBatchItem,
+  WorkletFunction,
 } from '../commonTypes';
 import type { WorkletRuntime } from '../runtimes';
 
@@ -53,7 +54,7 @@ export interface ReanimatedModuleProxy {
   configureProps(uiProps: string[], nativeProps: string[]): void;
 
   subscribeForKeyboardEvents(
-    handler: ShareableRef<number>,
+    handler: ShareableRef<WorkletFunction>,
     isStatusBarTranslucent: boolean,
     isNavigationBarTranslucent: boolean
   ): number;

packages/react-native-reanimated/src/Sensor.ts

@@ -6,6 +6,7 @@ import type {
   Value3D,
   ValueRotation,
   ShareableRef,
+  WorkletFunction,
 } from './commonTypes';
 import { SensorType } from './commonTypes';
 import { makeMutable } from './mutables';
@@ -56,7 +57,7 @@ export default class Sensor {
       sensorType,
       config.interval === 'auto' ? -1 : config.interval,
       config.iosReferenceFrame,
-      eventHandler
+      eventHandler as ShareableRef<WorkletFunction>
     );
     return this.sensorId !== -1;
   }

packages/react-native-reanimated/src/commonTypes.ts

@@ -327,10 +327,22 @@ interface WorkletBaseDev extends WorkletBaseCommon {
   __stackDetails?: WorkletStackDetails;
 }
 
+export type WorkletFunctionDev<
+  Args extends unknown[] = unknown[],
+  ReturnValue = unknown,
+> = ((...args: Args) => ReturnValue) & WorkletBaseDev;
+
+type WorkletFunctionRelease<
+  Args extends unknown[] = unknown[],
+  ReturnValue = unknown,
+> = ((...args: Args) => ReturnValue) & WorkletBaseRelease;
+
 export type WorkletFunction<
   Args extends unknown[] = unknown[],
   ReturnValue = unknown,
-> = ((...args: Args) => ReturnValue) & (WorkletBaseRelease | WorkletBaseDev);
+> =
+  | WorkletFunctionDev<Args, ReturnValue>
+  | WorkletFunctionRelease<Args, ReturnValue>;
 
 /**
  * This function allows you to determine if a given function is a worklet. It

packages/react-native-reanimated/src/core.ts

@@ -9,6 +9,7 @@ import type {
   SharedValue,
   Value3D,
   ValueRotation,
+  WorkletFunction,
 } from './commonTypes';
 import { makeShareableCloneRecursive } from './shareables';
 import { initializeUIRuntime } from './initializers';
@@ -85,7 +86,9 @@ export function registerEventHandler<T>(
     global.__frameTimestamp = undefined;
   }
   return ReanimatedModule.registerEventHandler(
-    makeShareableCloneRecursive(handleAndFlushAnimationFrame),
+    makeShareableCloneRecursive(
+      handleAndFlushAnimationFrame as WorkletFunction
+    ),
     eventName,
     emitterReactTag
   );
@@ -110,7 +113,9 @@ export function subscribeForKeyboardEvents(
     global.__frameTimestamp = undefined;
   }
   return ReanimatedModule.subscribeForKeyboardEvents(
-    makeShareableCloneRecursive(handleAndFlushAnimationFrame),
+    makeShareableCloneRecursive(
+      handleAndFlushAnimationFrame as WorkletFunction
+    ),
     options.isStatusBarTranslucentAndroid ?? false,
     options.isNavigationBarTranslucentAndroid ?? false
   );
@@ -132,7 +137,7 @@ export function registerSensor(
   return sensorContainer.registerSensor(
     sensorType,
     config,
-    makeShareableCloneRecursive(eventHandler)
+    makeShareableCloneRecursive(eventHandler as WorkletFunction)
   );
 }