refactor: rename data binding setters

Author: HayesGordon

example/app/(examples)/DataBinding.tsx

@@ -39,11 +39,11 @@ export default function DataBinding() {
   // Set values directly
   const updateDataBindingValues = () => {
     // SET NUMBER VALUE
-    riveRef.current?.setNumberPropertyValue('Energy_Bar/Lives', 6);
+    riveRef.current?.setNumber('Energy_Bar/Lives', 6);
     // SET STRING VALUE
-    riveRef.current?.setStringPropertyValue('Button/State_1', 'Direct!');
+    riveRef.current?.setString('Button/State_1', 'Direct!');
     // SET COLOR VALUE
-    riveRef.current?.setColorPropertyValue('Energy_Bar/Bar_Color', {
+    riveRef.current?.setColor('Energy_Bar/Bar_Color', {
       r: 0,
       g: 0,
       b: 255,

src/Rive.tsx

@@ -221,7 +221,7 @@ export function useRiveColor(
         console.warn('Rive ref is not available to set color property.');
         return;
       }
-      ref.setColorPropertyValue(path, newColor);
+      ref.setColor(path, newColor);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [path]
@@ -272,16 +272,16 @@ function useRivePropertyListener<T>(
 
       switch (propertyType) {
         case PropertyType.Number:
-          ref.setNumberPropertyValue(path, newValue as number);
+          ref.setNumber(path, newValue as number);
           break;
         case PropertyType.Boolean:
-          ref.setBooleanPropertyValue(path, newValue as boolean);
+          ref.setBoolean(path, newValue as boolean);
           break;
         case PropertyType.String:
-          ref.setStringPropertyValue(path, newValue as string);
+          ref.setString(path, newValue as string);
           break;
         case PropertyType.Enum:
-          ref.setEnumPropertyValue(path, newValue as string);
+          ref.setEnum(path, newValue as string);
           break;
         default:
           console.warn(
@@ -738,37 +738,40 @@ const RiveContainer = React.forwardRef<RiveRef, Props>(
       }
     }, []);
 
-    const setBooleanPropertyValue = useCallback<
-      RiveRef['setBooleanPropertyValue']
-    >((path: string, value: boolean) => {
-      UIManager.dispatchViewManagerCommand(
-        findNodeHandle(riveRef.current),
-        ViewManagerMethod.setBooleanPropertyValue,
-        [path, value]
-      );
-    }, []);
+    const setBoolean = useCallback<RiveRef['setBoolean']>(
+      (path: string, value: boolean) => {
+        UIManager.dispatchViewManagerCommand(
+          findNodeHandle(riveRef.current),
+          ViewManagerMethod.setBooleanPropertyValue,
+          [path, value]
+        );
+      },
+      []
+    );
 
-    const setStringPropertyValue = useCallback<
-      RiveRef['setStringPropertyValue']
-    >((path: string, value: String) => {
-      UIManager.dispatchViewManagerCommand(
-        findNodeHandle(riveRef.current),
-        ViewManagerMethod.setStringPropertyValue,
-        [path, value]
-      );
-    }, []);
+    const setString = useCallback<RiveRef['setString']>(
+      (path: string, value: String) => {
+        UIManager.dispatchViewManagerCommand(
+          findNodeHandle(riveRef.current),
+          ViewManagerMethod.setStringPropertyValue,
+          [path, value]
+        );
+      },
+      []
+    );
 
-    const setNumberPropertyValue = useCallback<
-      RiveRef['setNumberPropertyValue']
-    >((path: string, value: number) => {
-      UIManager.dispatchViewManagerCommand(
-        findNodeHandle(riveRef.current),
-        ViewManagerMethod.setNumberPropertyValue,
-        [path, value]
-      );
-    }, []);
+    const setNumber = useCallback<RiveRef['setNumber']>(
+      (path: string, value: number) => {
+        UIManager.dispatchViewManagerCommand(
+          findNodeHandle(riveRef.current),
+          ViewManagerMethod.setNumberPropertyValue,
+          [path, value]
+        );
+      },
+      []
+    );
 
-    const setColorPropertyValue = useCallback<RiveRef['setColorPropertyValue']>(
+    const setColor = useCallback<RiveRef['setColor']>(
       (path: string, color: RiveRGBA | string) => {
         let parsedColor = typeof color === 'string' ? parseColor(color) : color;
         UIManager.dispatchViewManagerCommand(
@@ -780,7 +783,7 @@ const RiveContainer = React.forwardRef<RiveRef, Props>(
       []
     );
 
-    const setEnumPropertyValue = useCallback<RiveRef['setEnumPropertyValue']>(
+    const setEnum = useCallback<RiveRef['setEnum']>(
       (path: string, value: string) => {
         UIManager.dispatchViewManagerCommand(
           findNodeHandle(riveRef.current),
@@ -791,16 +794,13 @@ const RiveContainer = React.forwardRef<RiveRef, Props>(
       []
     );
 
-    const fireTriggerProperty = useCallback<RiveRef['fireTriggerProperty']>(
-      (path: string) => {
-        UIManager.dispatchViewManagerCommand(
-          findNodeHandle(riveRef.current),
-          ViewManagerMethod.fireTriggerProperty,
-          [path]
-        );
-      },
-      []
-    );
+    const trigger = useCallback<RiveRef['trigger']>((path: string) => {
+      UIManager.dispatchViewManagerCommand(
+        findNodeHandle(riveRef.current),
+        ViewManagerMethod.fireTriggerProperty,
+        [path]
+      );
+    }, []);
 
     const internalPropertyListener = useCallback<
       RiveRef['internalPropertyListener']
@@ -833,12 +833,12 @@ const RiveContainer = React.forwardRef<RiveRef, Props>(
         touchEnded,
         setTextRunValue,
         setTextRunValueAtPath,
-        setBooleanPropertyValue,
-        setStringPropertyValue,
-        setNumberPropertyValue,
-        setColorPropertyValue,
-        setEnumPropertyValue,
-        fireTriggerProperty,
+        setBoolean,
+        setString,
+        setNumber,
+        setColor,
+        setEnum,
+        trigger,
         internalPropertyListener,
       }),
       [
@@ -858,12 +858,12 @@ const RiveContainer = React.forwardRef<RiveRef, Props>(
         touchEnded,
         setTextRunValue,
         setTextRunValueAtPath,
-        setBooleanPropertyValue,
-        setStringPropertyValue,
-        setNumberPropertyValue,
-        setColorPropertyValue,
-        setEnumPropertyValue,
-        fireTriggerProperty,
+        setBoolean,
+        setString,
+        setNumber,
+        setColor,
+        setEnum,
+        trigger,
         internalPropertyListener,
       ]
     );

src/types.ts

@@ -42,12 +42,12 @@ export type RiveRef = {
     value: string,
     path: string
   ) => void;
-  setBooleanPropertyValue: (path: string, value: boolean) => void;
-  setStringPropertyValue: (path: string, value: string) => void;
-  setNumberPropertyValue: (path: string, value: number) => void;
-  setColorPropertyValue: (path: string, color: RiveRGBA | string) => void;
-  setEnumPropertyValue: (path: string, value: string) => void;
-  fireTriggerProperty: (path: string) => void;
+  setBoolean: (path: string, value: boolean) => void;
+  setString: (path: string, value: string) => void;
+  setNumber: (path: string, value: number) => void;
+  setColor: (path: string, color: RiveRGBA | string) => void;
+  setEnum: (path: string, value: string) => void;
+  trigger: (path: string) => void;
   internalPropertyListener: () => RivePropertyValueEmitter;
 };