From 5969151936520e88a302332bfba14dec97d7cfca Mon Sep 17 00:00:00 2001
From: Zach Plata <plata.zach@gmail.com>
Date: Wed, 20 Sep 2023 16:17:45 -0500
Subject: [PATCH] feat: bump ios dependency to support Rive Events

---
 example/ios/Assets/rating.riv                 | Bin 0 -> 16204 bytes
 example/ios/Podfile.lock                      |  16 ++---
 .../project.pbxproj                           |   4 ++
 example/src/App.tsx                           |   2 +
 example/src/Events.tsx                        |  56 ++++++++++++++++++
 example/src/Home.tsx                          |   8 +++
 ios/RiveReactNativeView.swift                 |  17 ++++++
 ios/RiveReactNativeViewManager.m              |   1 +
 rive-react-native.podspec                     |   2 +-
 src/Rive.tsx                                  |  22 +++++++
 src/types.ts                                  |  18 ++++++
 11 files changed, 137 insertions(+), 9 deletions(-)
 create mode 100644 example/ios/Assets/rating.riv
 create mode 100644 example/src/Events.tsx

diff --git a/example/ios/Assets/rating.riv b/example/ios/Assets/rating.riv
new file mode 100644
index 0000000000000000000000000000000000000000..330f7e91c741daeea0b15d7e77e1e19c058007cc
GIT binary patch
literal 16204
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

literal 0
HcmV?d00001

diff --git a/example/ios/Podfile.lock b/example/ios/Podfile.lock
index 6be96e0..3f19974 100644
--- a/example/ios/Podfile.lock
+++ b/example/ios/Podfile.lock
@@ -489,8 +489,8 @@ PODS:
     - React-perflogger (= 0.72.3)
   - rive-react-native (6.0.4):
     - React-Core
-    - RiveRuntime (= 5.1.6)
-  - RiveRuntime (5.1.6)
+    - RiveRuntime (= 5.3.1)
+  - RiveRuntime (5.3.1)
   - RNCMaskedView (0.2.9):
     - React-Core
   - RNCPicker (1.16.8):
@@ -693,9 +693,9 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon/yoga"
 
 SPEC CHECKSUMS:
-  boost: a7c83b31436843459a1961bfd74b96033dc77234
+  boost: 57d2868c099736d80fcd648bf211b4431e51a558
   CocoaAsyncSocket: 065fd1e645c7abab64f7a6a2007a48038fdc6a99
-  DoubleConversion: 831926d9b8bf8166fd87886c4abab286c2422662
+  DoubleConversion: 5189b271737e1565bdce30deb4a08d647e3f5f54
   FBLazyVector: 4cce221dd782d3ff7c4172167bba09d58af67ccb
   FBReactNativeSpec: c6bd9e179757b3c0ecf815864fae8032377903ef
   Flipper: 6edb735e6c3e332975d1b17956bcc584eccf5818
@@ -707,7 +707,7 @@ SPEC CHECKSUMS:
   Flipper-PeerTalk: 116d8f857dc6ef55c7a5a75ea3ceaafe878aadc9
   FlipperKit: 2efad7007d6745a3f95e4034d547be637f89d3f6
   fmt: ff9d55029c625d3757ed641535fd4a75fedc7ce9
-  glog: 5337263514dd6f09803962437687240c5dc39aa4
+  glog: 04b94705f318337d7ead9e6d17c019bd9b1f6b1b
   hermes-engine: 10fbd3f62405c41ea07e71973ea61e1878d07322
   libevent: 4049cae6c81cdb3654a443be001fb9bdceff7913
   OpenSSL-Universal: ebc357f1e6bc71fa463ccb2fe676756aff50e88c
@@ -744,8 +744,8 @@ SPEC CHECKSUMS:
   React-runtimescheduler: 837c1bebd2f84572db17698cd702ceaf585b0d9a
   React-utils: bcb57da67eec2711f8b353f6e3d33bd8e4b2efa3
   ReactCommon: 3ccb8fb14e6b3277e38c73b0ff5e4a1b8db017a9
-  rive-react-native: 2bbbdb03edbb7f1f9ffda06bf7bcd0a2f1c2a4d5
-  RiveRuntime: b019064a8668431b80389f83b5a2eb012e034c01
+  rive-react-native: a932751960b201581fd0dd91371ac400991e6201
+  RiveRuntime: 63fe0407ab96ab1796c492d1e584a3b766e80693
   RNCMaskedView: 949696f25ec596bfc697fc88e6f95cf0c79669b6
   RNCPicker: 0991c56da7815c0cf946d6f63cf920b25296e5f6
   RNGestureHandler: a479ebd5ed4221a810967000735517df0d2db211
@@ -757,4 +757,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: 5ef3edaac0021600a1e0462aa4c2c8c364c536b3
 
-COCOAPODS: 1.11.3
+COCOAPODS: 1.11.2
diff --git a/example/ios/RiveReactNativeExample.xcodeproj/project.pbxproj b/example/ios/RiveReactNativeExample.xcodeproj/project.pbxproj
index ed159ca..86cc5ea 100644
--- a/example/ios/RiveReactNativeExample.xcodeproj/project.pbxproj
+++ b/example/ios/RiveReactNativeExample.xcodeproj/project.pbxproj
@@ -30,6 +30,7 @@
 		E5637D7A292BD27F000CBC1E /* skills_listener.riv in Resources */ = {isa = PBXBuildFile; fileRef = E5637D79292BD26D000CBC1E /* skills_listener.riv */; };
 		E5A17A90299AA0F5008CC433 /* avatars.riv in Resources */ = {isa = PBXBuildFile; fileRef = E5A17A8F299AA0F5008CC433 /* avatars.riv */; };
 		E5F3FC4029B2661500D6D265 /* switch.riv in Resources */ = {isa = PBXBuildFile; fileRef = E5F3FC3F29B2661500D6D265 /* switch.riv */; };
+		E5FC4EAA2ABB975100D98158 /* rating.riv in Resources */ = {isa = PBXBuildFile; fileRef = E5FC4EA92ABB975100D98158 /* rating.riv */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -95,6 +96,7 @@
 		E5637D79292BD26D000CBC1E /* skills_listener.riv */ = {isa = PBXFileReference; lastKnownFileType = file; path = skills_listener.riv; sourceTree = "<group>"; };
 		E5A17A8F299AA0F5008CC433 /* avatars.riv */ = {isa = PBXFileReference; lastKnownFileType = file; path = avatars.riv; sourceTree = "<group>"; };
 		E5F3FC3F29B2661500D6D265 /* switch.riv */ = {isa = PBXFileReference; lastKnownFileType = file; path = switch.riv; sourceTree = "<group>"; };
+		E5FC4EA92ABB975100D98158 /* rating.riv */ = {isa = PBXFileReference; lastKnownFileType = file; path = rating.riv; sourceTree = "<group>"; };
 		ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
 		ED2971642150620600B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = Platforms/AppleTVOS.platform/Developer/SDKs/AppleTVOS12.0.sdk/System/Library/Frameworks/JavaScriptCore.framework; sourceTree = DEVELOPER_DIR; };
 /* End PBXFileReference section */
@@ -250,6 +252,7 @@
 				9DBF1CC42684937E0008391A /* v6_file.riv */,
 				E5F3FC3F29B2661500D6D265 /* switch.riv */,
 				9D879D0C265BF2A400D01424 /* ui_swipe_left_to_delete.riv */,
+				E5FC4EA92ABB975100D98158 /* rating.riv */,
 				E5A17A8F299AA0F5008CC433 /* avatars.riv */,
 				E5637D79292BD26D000CBC1E /* skills_listener.riv */,
 				9D879D0A26578A5E00D01424 /* artboard_animations.riv */,
@@ -400,6 +403,7 @@
 			buildActionMask = 2147483647;
 			files = (
 				9D879D00265642BA00D01424 /* truck_v7.riv in Resources */,
+				E5FC4EAA2ABB975100D98158 /* rating.riv in Resources */,
 				042FD22726B81BD1004556A3 /* constrained.riv in Resources */,
 				9D879D0B26578A5E00D01424 /* artboard_animations.riv in Resources */,
 				E5637D7A292BD27F000CBC1E /* skills_listener.riv in Resources */,
diff --git a/example/src/App.tsx b/example/src/App.tsx
index 5d93ce1..07ce9e1 100644
--- a/example/src/App.tsx
+++ b/example/src/App.tsx
@@ -14,6 +14,7 @@ import ErrorNotHandled from './ErrorNotHandled';
 import ErrorHandledManually from './ErrorHandledManually';
 import MeshExample from './MeshExample';
 import DynamicText from './DynamicText';
+import Events from './Events';
 
 const Stack = createStackNavigator();
 
@@ -33,6 +34,7 @@ export default function App() {
           <Stack.Screen name="Http" component={Http} />
           <Stack.Screen name="MeshExample" component={MeshExample} />
           <Stack.Screen name="StateMachine" component={StateMachine} />
+          <Stack.Screen name="Events" component={Events} />
           <Stack.Screen name="DynamicText" component={DynamicText} />
           <Stack.Screen
             name="MultipleArtboards"
diff --git a/example/src/Events.tsx b/example/src/Events.tsx
new file mode 100644
index 0000000..9b918bb
--- /dev/null
+++ b/example/src/Events.tsx
@@ -0,0 +1,56 @@
+import React, { useRef, useState } from 'react';
+import {
+  SafeAreaView,
+  ScrollView,
+  StyleSheet,
+  Linking,
+  Text,
+} from 'react-native';
+import Rive, { Fit, RiveOpenUrlEvent, RiveRef } from 'rive-react-native';
+
+export default function Events() {
+  const riveRef = useRef<RiveRef>(null);
+  const [eventMessage, setEventMessage] = useState('');
+
+  return (
+    <SafeAreaView style={styles.safeAreaViewContainer}>
+      <ScrollView contentContainerStyle={styles.container}>
+        <Rive
+          ref={riveRef}
+          autoplay={true}
+          fit={Fit.Cover}
+          style={styles.box}
+          stateMachineName="State Machine 1"
+          onRiveEventReceived={(event) => {
+            const eventProperties = event.properties;
+            if (eventProperties?.message) {
+              setEventMessage(eventProperties.message as string);
+            }
+            if ('url' in event) {
+              Linking.openURL((event as RiveOpenUrlEvent).url || '');
+            }
+          }}
+          resourceName={'rating'}
+        />
+        <Text>{eventMessage}</Text>
+      </ScrollView>
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  safeAreaViewContainer: {
+    flex: 1,
+  },
+  container: {
+    flexGrow: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginBottom: 150,
+  },
+  box: {
+    width: '100%',
+    height: 500,
+    marginVertical: 20,
+  },
+});
diff --git a/example/src/Home.tsx b/example/src/Home.tsx
index 9b4f0b7..539080e 100644
--- a/example/src/Home.tsx
+++ b/example/src/Home.tsx
@@ -71,6 +71,14 @@ export default function Home({ navigation }) {
           State Machine
         </Button>
 
+        <Button
+          mode="contained"
+          onPress={() => navigation.navigate('Events')}
+          style={styles.buttonStyle}
+        >
+          Events
+        </Button>
+
         <Button
           mode="contained"
           onPress={() => navigation.navigate('DynamicText')}
diff --git a/ios/RiveReactNativeView.swift b/ios/RiveReactNativeView.swift
index ba30183..92d15b8 100644
--- a/ios/RiveReactNativeView.swift
+++ b/ios/RiveReactNativeView.swift
@@ -12,6 +12,7 @@ class RiveReactNativeView: UIView, RivePlayerDelegate, RiveStateMachineDelegate
     @objc var onStop: RCTDirectEventBlock?
     @objc var onLoopEnd: RCTDirectEventBlock?
     @objc var onStateChanged: RCTDirectEventBlock?
+    @objc var onRiveEventReceived: RCTDirectEventBlock?
     @objc var onError: RCTDirectEventBlock?
     @objc var isUserHandlingErrors: Bool
     
@@ -242,6 +243,22 @@ class RiveReactNativeView: UIView, RivePlayerDelegate, RiveStateMachineDelegate
     @objc func stateMachine(_ stateMachine: RiveStateMachineInstance, receivedInput input: StateMachineInput) {
     }
     
+    @objc func onRiveEventReceived(onRiveEvent riveEvent: RiveEvent) {
+        // Need to convert NSObject to Dictionary so React Native can support the serialization to JS
+        // Might be a better way to convert NSObject -> Dictionary in the future
+        var eventDict = [
+            "name": riveEvent.name(),
+            "type": riveEvent.type(),
+            "delay": riveEvent.delay(),
+            "properties": riveEvent.properties(),
+        ] as [String : Any]
+        if let openUrlEvent = riveEvent as? RiveOpenUrlEvent {
+            eventDict["url"] = openUrlEvent.url()
+            eventDict["target"] = openUrlEvent.target()
+        }
+        onRiveEventReceived?(["riveEvent": eventDict])
+    }
+    
     // MARK: - PlayerDelegate
     
     func player(playedWithModel riveModel: RiveModel?) {
diff --git a/ios/RiveReactNativeViewManager.m b/ios/RiveReactNativeViewManager.m
index 49953db..fd01b27 100644
--- a/ios/RiveReactNativeViewManager.m
+++ b/ios/RiveReactNativeViewManager.m
@@ -18,6 +18,7 @@ @interface RCT_EXTERN_MODULE(RiveReactNativeViewManager, RCTViewManager)
 RCT_EXPORT_VIEW_PROPERTY(onLoopEnd, RCTDirectEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onStateChanged, RCTDirectEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onError, RCTDirectEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onRiveEventReceived, RCTDirectEventBlock)
 
 RCT_EXTERN_METHOD(play:(nonnull NSNumber *)node animationName:(nonnull NSString)animationName loop:(NSString)loopMode direction:(NSString)direction isStateMachine:(BOOL)isStateMachine)
 RCT_EXTERN_METHOD(pause:(nonnull NSNumber *)node)
diff --git a/rive-react-native.podspec b/rive-react-native.podspec
index 05162b5..3cfc4a1 100644
--- a/rive-react-native.podspec
+++ b/rive-react-native.podspec
@@ -16,5 +16,5 @@ Pod::Spec.new do |s|
   s.source_files = "ios/**/*.{h,m,mm,swift}"
 
   s.dependency "React-Core"
-  s.dependency "RiveRuntime", "5.1.6"
+  s.dependency "RiveRuntime", "5.3.1"
 end
diff --git a/src/Rive.tsx b/src/Rive.tsx
index 35d38fa..6be8d0e 100644
--- a/src/Rive.tsx
+++ b/src/Rive.tsx
@@ -17,6 +17,8 @@ import {
   LoopMode,
   RNRiveError,
   ViewManagerMethod,
+  RiveGeneralEvent,
+  RiveOpenUrlEvent,
 } from './types';
 import { convertErrorFromNativeToRN, XOR } from './helpers';
 
@@ -53,6 +55,11 @@ type RiveProps = {
       stateName: string;
     }>
   ) => void;
+  onRiveEventReceived?: (
+    event: NativeSyntheticEvent<{
+      riveEvent: RiveGeneralEvent | RiveOpenUrlEvent;
+    }>
+  ) => void;
   onError?: (
     event: NativeSyntheticEvent<{
       type: string;
@@ -81,6 +88,7 @@ type Props = {
   onStop?: (animationName: string, isStateMachine: boolean) => void;
   onLoopEnd?: (animationName: string, loopMode: LoopMode) => void;
   onStateChanged?: (stateMachineName: string, stateName: string) => void;
+  onRiveEventReceived?: (event: RiveGeneralEvent | RiveOpenUrlEvent) => void;
   onError?: (rnRiveError: RNRiveError) => void;
   fit?: Fit;
   style?: ViewStyle;
@@ -104,6 +112,7 @@ const RiveContainer = React.forwardRef<RiveRef, Props>(
       onStop,
       onLoopEnd,
       onStateChanged,
+      onRiveEventReceived,
       onError,
       style,
       autoplay = true,
@@ -192,6 +201,18 @@ const RiveContainer = React.forwardRef<RiveRef, Props>(
       [onStateChanged]
     );
 
+    const onRiveEventReceivedHandler = useCallback(
+      (
+        event: NativeSyntheticEvent<{
+          riveEvent: RiveGeneralEvent | RiveOpenUrlEvent;
+        }>
+      ) => {
+        const { riveEvent } = event.nativeEvent;
+        onRiveEventReceived?.(riveEvent);
+      },
+      [onRiveEventReceived]
+    );
+
     const onErrorHandler = useCallback(
       (event: NativeSyntheticEvent<{ type: string; message: string }>) => {
         const { type, message } = event.nativeEvent;
@@ -362,6 +383,7 @@ const RiveContainer = React.forwardRef<RiveRef, Props>(
             onStop={onStopHandler}
             onLoopEnd={onLoopEndHandler}
             onStateChanged={onStateChangedHandler}
+            onRiveEventReceived={onRiveEventReceivedHandler}
             onError={onErrorHandler}
             alignment={alignment}
             artboardName={artboardName}
diff --git a/src/types.ts b/src/types.ts
index 970cdd2..99c6e81 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -83,3 +83,21 @@ export type RNRiveError = {
   message: string;
   type: RNRiveErrorType;
 };
+
+export interface RiveEventProperties {
+  [key: string]: number | boolean | string;
+}
+
+export interface RiveEvent {
+  name: string;
+  type: number;
+  delay?: number;
+  properties?: RiveEventProperties;
+}
+
+export interface RiveGeneralEvent extends RiveEvent {}
+
+export interface RiveOpenUrlEvent extends RiveEvent {
+  url?: string;
+  target?: string;
+}