gistfile1.txt

import UIKit
import RiveRuntime

class RiveReactNativeView: RCTView, RivePlayerDelegate, RiveStateMachineDelegate {
    // MARK: DataBinding Event Properties
    weak var bridge: RCTBridge?
    private var eventEmitter: RiveReactNativeEventModule? {
        return self.bridge?.module(for: RiveReactNativeEventModule.self) as? RiveReactNativeEventModule
    }
    private var propertyListeners: [String: PropertyListener] = [:]
    private var dataBindingConfig: DataBindingConfig?
    
    // MARK: RiveReactNativeView Properties
    private var resourceFromBundle = true
    private var requiresLocalResourceReconfigure = false
    private var dataBindingConfigState: DataBindingConfigState = .none
    
    // MARK: React Callbacks
    @objc var onPlay: RCTDirectEventBlock?
    @objc var onPause: RCTDirectEventBlock?
    @objc var onStop: RCTDirectEventBlock?
    @objc var onLoopEnd: RCTDirectEventBlock?
    @objc var onStateChanged: RCTDirectEventBlock?
    @objc var onRiveEventReceived: RCTDirectEventBlock?
    @objc var onError: RCTDirectEventBlock?
    @objc var isUserHandlingErrors: Bool
    
    // MARK: RiveRuntime Bindings
    var riveView: RiveView?
    var viewModel: RiveViewModel?
    var dataBindingViewModelInstance: RiveDataBindingViewModel.Instance?
    var cachedRiveFactory: RiveFactory?
    var previousReferencedAssets: NSDictionary?
    var cachedFileAssets: [String: RiveFileAsset] = [:]
    
    @objc var resourceName: String? = nil {
        didSet {
            if (resourceName != nil) {
                url = nil
                resourceFromBundle = true;
                requiresLocalResourceReconfigure = true;
            }
        }
    }
    
    @objc var url: String? = nil {
        didSet {
            if (url != nil) {
                resourceName = nil
                resourceFromBundle = false
            }
        }
    }
    
    @objc var fit: String?
    
    @objc var layoutScaleFactor: NSNumber = -1.0 // -1.0 will inform the iOS runtime to determine the correct scale factor automatically
    
    @objc var alignment: String?
    
    @objc var autoplay: Bool
    {
        didSet {
            if let viewModel = viewModel {
                viewModel.autoPlay = autoplay
            }
        }
    }
    
    @objc var artboardName: String?
    
    @objc var referencedAssets: NSDictionary? {
        didSet {
            guard referencedAssets != previousReferencedAssets else { return }
            updateReferencedAssets(incomingReferencedAssets: referencedAssets)
            previousReferencedAssets = referencedAssets
        }
    }
    
    @objc var dataBinding: [String: Any]? {
        didSet {
            guard let type = dataBinding?["type"] as? String else { return }
            dataBindingConfig = {
                switch type {
                case "autobind":
                    if let val = dataBinding?["value"] as? Bool {
                        return .autoBind(val)
                    }
                case "index":
                    if let val = dataBinding?["value"] as? NSNumber {
                        return .index(val.intValue)
                    }
                case "name":
                    if let val = dataBinding?["value"] as? String {
                        return .name(val)
                    }
                case "empty":
                    return .empty
                default:
                    break
                }
                return nil
            }()
        }
    }
    
    @objc var animationName: String?
    
    
    @objc var stateMachineName: String?
    
    
    override init(frame: CGRect) {
        self.autoplay = false // will be changed by react native
        self.isUserHandlingErrors = false
        super.init(frame: frame)
    }
    
    required init?(coder aDecoder: NSCoder) {
        self.autoplay = true
        self.isUserHandlingErrors = false
        super.init(coder: aDecoder)
        fatalError("init(coder:) has not been implemented")
    }
    
    // MARK: - React Native Helpers
    
    override func removeFromSuperview() {
        cleanupResources()
        
        super.removeFromSuperview()
    }
    
    private func cleanupResources() {
        cleanupDataBinding()
        cleanupFileAssetCache()
        previousReferencedAssets = nil
        removeReactSubview(riveView)
        riveView?.playerDelegate = nil
        riveView?.stateMachineDelegate = nil
        riveView = nil;
        viewModel?.deregisterView();
        viewModel = nil;
    }
    
    private func cleanupDataBinding() {
        if let loadedTag = generateLoadedTag() {
            eventEmitter?.removeListener(byName: loadedTag)
        }
        propertyListeners.forEach { (key, value) in
            value.property.removeListener(value.listener)
            eventEmitter?.removeListener(byName: key)
        }
        propertyListeners.removeAll()
        dataBindingViewModelInstance = nil
    }
    
    private func cleanupFileAssetCache() {
        cachedFileAssets.removeAll()
        cachedRiveFactory = nil
    }
    
    override func layoutSubviews() {
        super.layoutSubviews()
        for view in subviews {
            view.reactSetFrame(self.bounds)
        }
    }
    
    override func didSetProps(_ changedProps: [String]!) {
        if (changedProps.contains("url") || changedProps.contains("resourceName") || changedProps.contains("artboardName") || changedProps.contains("animationName") || changedProps.contains("stateMachineName") || changedProps.contains("referencedAssets")) {
            reloadView()
        }
        
        if (changedProps.contains("fit")) {
            viewModel?.fit = convertFit(fit)
        }
        
        if (changedProps.contains("alignment"))  {
            viewModel?.alignment = convertAlignment(alignment)
        }
        
        if (changedProps.contains("layoutScaleFactor"))  {
            viewModel?.layoutScaleFactor = layoutScaleFactor.doubleValue
        }
        
        if (changedProps.contains("dataBinding")) {
          if let viewModel = viewModel {
            configureDataBinding(viewModel: viewModel, dataBindingConfig: dataBindingConfig)
          } else {
            dataBindingConfigState = .pending(dataBindingConfig)
          }
        }
    }
    
    private func convertFit(_ fit: String? = nil) -> RiveFit {
        if let safeFit = fit {
            let rnFit = RNFit.mapToRNFit(value: safeFit)
            return RNFit.mapToRiveFit(rnFit: rnFit)
        }
        return RiveFit.contain
    }
    
    private func convertAlignment(_ alignment: String? = nil) -> RiveAlignment {
        if let safeAlignment = alignment {
            let rnAlignment = RNAlignment.mapToRNAlignment(value: safeAlignment)
            return RNAlignment.mapToRiveAlignment(rnAlignment: rnAlignment)
        }
        return RiveAlignment.center
    }
    
    private func safePropertyType(_ propertyType: String? = nil) -> RNPropertyType? {
        if let safePropertyType = propertyType {
            let rnPropertyType = RNPropertyType.mapToRNPropertyType(value: safePropertyType)
            return rnPropertyType;
        }
        return nil;
    }
    
  private func configureDataBinding(viewModel: RiveViewModel, dataBindingConfig: DataBindingConfig?) {
        dataBindingConfigState = .configured
        guard let artboard = viewModel.riveModel?.artboard,
              let dataBindingViewModel = viewModel.riveModel?.riveFile.defaultViewModel(for: artboard) else { return }
        
        func bindInstance(_ instance: RiveDataBindingViewModel.Instance?) {
            guard let instance = instance else {
                var error = RNRiveError.DataBindingError
                let configDescription: String = {
                    switch dataBindingConfig {
                    case .autoBind(let value):
                        return "autoBind(\(value))"
                    case .index(let value):
                        return "index(\(value))"
                    case .name(let value):
                        return "name(\(value))"
                    case .empty:
                        return "empty"
                    case .none:
                        return "none"
                    }
                }()
                error.message = "Failed to create data binding instance with config: \(configDescription)"
                onRNRiveError(error)
                return
            }
            viewModel.riveModel?.stateMachine?.bind(viewModelInstance: instance)
            self.dataBindingViewModelInstance = instance
            
            // As we can't control whether `configureDataBinding` is called
            // before/after/between `registerPropertyListener` (if it is called again) we
            // re-add the current registered listeners if the instance is not the same
            // to ensure they are attached to the current active dataBindingViewModelInstance
            propertyListeners.forEach { (_, value) in
                if (value.dataBindingInstance != self.dataBindingViewModelInstance) {
                    registerPropertyListener(path: value.path, propertyType: value.propertyType)
                }
            }
        }
        
        switch dataBindingConfig {
        case .autoBind(let autoBind):
            if autoBind {
                viewModel.riveModel?.enableAutoBind { [weak self] instance in
                    self?.dataBindingViewModelInstance = instance
                }
            } else {
                viewModel.riveModel?.disableAutoBind()
            }
            break
        case .index(let index):
            bindInstance(dataBindingViewModel.createInstance(fromIndex: UInt(index)))
            break
        case .name(let name):
            bindInstance(dataBindingViewModel.createInstance(fromName: name))
            break
        case .empty:
            bindInstance(dataBindingViewModel.createInstance())
            break
        case nil:
            self.dataBindingViewModelInstance = nil
            break
        }
    }
    
    private func createNewView(updatedViewModel : RiveViewModel){
        riveView?.playerDelegate = nil
        riveView?.stateMachineDelegate = nil
        removeReactSubview(riveView)
        
        // We weren't able to configure data binding before
        if case .pending(let config) = dataBindingConfigState {
          configureDataBinding(viewModel: updatedViewModel, dataBindingConfig: config)
        }
        viewModel = updatedViewModel
        riveView = viewModel!.createRiveView()
        addSubview(riveView!)
        riveView?.playerDelegate = self
        riveView?.stateMachineDelegate = self

        sendRiveLoadedEvent()
    }
    
    // Helper function to generate the loaded evet tag that is sent to JS
    // Part of the `useRive()` hook.
    private func generateLoadedTag() -> String? {
        guard let reactTag = self.reactTag else {
            return nil;
        }
        return "RiveReactNativeLoaded:\(reactTag)"
    }
    
    // Send the "RiveReactNativeLoaded" event
    private func sendRiveLoadedEvent() {
        guard let loadedTag = generateLoadedTag(),
              eventEmitter?.isListenerActive(loadedTag) == true else { return }
        eventEmitter?.sendEvent(withName: loadedTag, body: nil)
    }
    
    private func configureViewModelFromResource() {
        cleanupFileAssetCache()
        
        if let name = resourceName {
            url = nil
            resourceFromBundle = true
            
            let updatedViewModel : RiveViewModel
            if let smName = stateMachineName {
                updatedViewModel = RiveViewModel(fileName: name, stateMachineName: smName, fit: convertFit(fit), alignment: convertAlignment(alignment), autoPlay: autoplay, artboardName: artboardName, customLoader: customLoader)
            } else if let animName = animationName {
                updatedViewModel = RiveViewModel(fileName: name, animationName: animName, fit: convertFit(fit), alignment: convertAlignment(alignment), autoPlay: autoplay, artboardName: artboardName, customLoader: customLoader)
            } else {
                updatedViewModel = RiveViewModel(fileName: name, fit: convertFit(fit), alignment: convertAlignment(alignment), autoPlay: autoplay, artboardName: artboardName, customLoader: customLoader)
            }
            
            updatedViewModel.layoutScaleFactor = layoutScaleFactor.doubleValue
            
            createNewView(updatedViewModel: updatedViewModel)
            requiresLocalResourceReconfigure = false
        }
    }
    
    private func configureViewModelFromUrl() {
      guard let url = url else {
        handleRiveError(error: createIncorrectRiveURL(url ?? ""))
        return
      }
      resourceName = nil
      resourceFromBundle = false
      loadUrlAsset(url: url) { [weak self] data in
        guard let self = self else { return }
        guard !data.isEmpty else {
          handleRiveError(error: createIncorrectRiveURL(url))
          return
        }
        do {
          let riveFile = try RiveFile(data: data, loadCdn: true, customAssetLoader: customLoader)
          let riveModel = RiveModel(riveFile: riveFile)
          let fit = self.convertFit(self.fit)
          let alignment = self.convertAlignment(self.alignment)
          let autoPlay = self.autoplay
          let artboardName = self.artboardName
          let updatedViewModel: RiveViewModel
          if let smName = self.stateMachineName {
            updatedViewModel = RiveViewModel(riveModel, stateMachineName: smName, fit: fit, alignment: alignment, autoPlay: autoPlay, artboardName: artboardName)
          } else if let animName = self.animationName {
            updatedViewModel = RiveViewModel(riveModel, animationName: animName, fit: fit, alignment: alignment, autoPlay: autoPlay, artboardName: artboardName)
          } else {
            updatedViewModel = RiveViewModel(riveModel, fit: fit, alignment: alignment, autoPlay: autoPlay, artboardName: artboardName)
          }
          updatedViewModel.layoutScaleFactor = self.layoutScaleFactor.doubleValue
          
          DispatchQueue.main.async {
              self.createNewView(updatedViewModel: updatedViewModel)
          }
        } catch {
          self.handleRiveError(error: error as NSError)
        }
      }
      
    }
    
    private func reloadView() {
        if resourceFromBundle {
            if requiresLocalResourceReconfigure {
                configureViewModelFromResource()
                return; // exit early, new RiveViewModel created, no need to configure further
            }
            
            do {
                try viewModel?.configureModel(artboardName: artboardName, stateMachineName: stateMachineName, animationName: animationName)
            } catch let error as NSError {
                handleRiveError(error: error)
            }
            
        } else {
            configureViewModelFromUrl() // TODO: calling viewModel?.configureModel for a URL ViewModel throws. Requires further investigation. Currently recreating the whole ViewModel for certain prop changes.
        }
    }
    
    private func updateReferencedAssets(incomingReferencedAssets: NSDictionary?) {
        guard let referencedAssets = incomingReferencedAssets?.copy() as? NSDictionary,
              let cachedReferencedAssets = previousReferencedAssets?.copy() as? NSDictionary else {
            return
        }
        
        let referencedKeys = Set(referencedAssets.allKeys as! [String])
        let cachedKeys = Set(cachedReferencedAssets.allKeys as! [String])
        
        // The keys are different, reloading the whole file
        if referencedKeys != cachedKeys {
            requiresLocalResourceReconfigure = true
            return
        }
        
        var hasChanged = false
        for (key, value) in referencedAssets {
            guard let keyString = key as? String,
                  let cachedValue = cachedReferencedAssets[keyString] as? NSDictionary,
                  let newValue = value as? NSDictionary,
                  !cachedValue.isEqual(to: newValue as! [AnyHashable : Any]) else {
                continue
            }
            
            hasChanged = true
            if let source = newValue["source"] as? NSDictionary,
               let asset = cachedFileAssets[keyString],
               let factory = cachedRiveFactory {
                loadAsset(source: source, asset: asset, factory: factory)
            }
        }
        
        if hasChanged && viewModel?.isPlaying == false {
            viewModel?.play() // manually calling play to force an update, ideally want to do a single advance
        }
    }
    
    private func customLoader(asset: RiveFileAsset, data: Data, factory: RiveFactory) -> Bool {
        guard let assetData = referencedAssets?[asset.uniqueName()] as? NSDictionary ?? referencedAssets?[asset.name()] as? NSDictionary else {
            return false
        }
        let usedKey = referencedAssets?[asset.uniqueName()] != nil ? asset.uniqueName() : asset.name()
        
        cachedRiveFactory = factory
        if cachedFileAssets[usedKey] == nil {
            cachedFileAssets[usedKey] = asset
        }
        
        if let source = assetData["source"] as? NSDictionary {
            loadAsset(source: source, asset: asset, factory: factory)
            return true
        }
        
        return false
    }
    
    private func loadAsset(source: NSDictionary, asset: RiveFileAsset, factory: RiveFactory) {
        let sourceAssetId = source["sourceAssetId"] as? String
        let sourceUrl = source["sourceUrl"] as? String
        let sourceAsset = source["sourceAsset"] as? String
        
        if let sourceAssetId = sourceAssetId {
            handleSourceAssetId(sourceAssetId, asset: asset, factory: factory)
        } else if let sourceUrl = sourceUrl {
            handleSourceUrl(sourceUrl, asset: asset, factory: factory)
        } else if let sourceAsset = sourceAsset {
            handleSourceAsset(sourceAsset, path: source["path"] as? String, asset: asset, factory: factory)
        }
    }
    
    private func handleSourceAssetId(_ sourceAssetId: String, asset: RiveFileAsset, factory: RiveFactory) {
        guard URL(string: sourceAssetId) != nil else {
            return
        }
        
        loadUrlAsset(url: sourceAssetId) { [weak self] data in
            self?.processAssetBytes(data, asset: asset, factory: factory)
        }
    }
    
    private func handleSourceUrl(_ sourceUrl: String, asset: RiveFileAsset, factory: RiveFactory) {
        loadUrlAsset(url: sourceUrl) { [weak self] data in
            self?.processAssetBytes(data, asset: asset, factory: factory)
        }
    }
    
    private func handleSourceAsset(_ sourceAsset: String, path: String?, asset: RiveFileAsset, factory: RiveFactory) {
        loadResourceAsset(sourceAsset: sourceAsset, path: path) {[weak self] data in
            self?.processAssetBytes(data, asset: asset, factory: factory)
        }
    }
    
    private func processAssetBytes(_ data: Data, asset: RiveFileAsset, factory: RiveFactory) {
        if (data.isEmpty == true) {
            return;
        }
        DispatchQueue.global(qos: .background).async {
            switch asset {
            case let imageAsset as RiveImageAsset:
                let decodedImage = factory.decodeImage(data)
                DispatchQueue.main.async {
                    imageAsset.renderImage(decodedImage)
                }
            case let fontAsset as RiveFontAsset:
                let decodedFont = factory.decodeFont(data)
                DispatchQueue.main.async {
                    fontAsset.font(decodedFont)
                }
            case let audioAsset as RiveAudioAsset:
                let decodedAudio = factory.decodeAudio(data)
                DispatchQueue.main.async {
                    audioAsset.audio(decodedAudio)
                }
            default:
                break
            }
        }
    }
    
    private func loadUrlAsset(url: String, listener: @escaping (Data) -> Void) {
        guard isValidUrl(url) else {
            handleInvalidUrlError(url: url)
            return
        }
        
        guard let assetUrl = URL(string: url) else {
            handleInvalidUrlError(url: url)
            return
        }
        
        if assetUrl.isFileURL {
            loadFileUrlAsset(url: assetUrl, listener: listener)
        } else {
            loadRemoteUrlAsset(url: assetUrl, listener: listener)
        }
    }

    private func loadFileUrlAsset(url: URL, listener: @escaping (Data) -> Void) {
        DispatchQueue.global(qos: .background).async { [weak self] in
            do {
                let fileData = try Data(contentsOf: url)
                DispatchQueue.main.async {
                    listener(fileData)
                }
            } catch {
                DispatchQueue.main.async {
                    self?.handleInvalidUrlError(url: url.absoluteString)
                }
            }
        }
    }

    private func loadRemoteUrlAsset(url: URL, listener: @escaping (Data) -> Void) {
        let queue = URLSession.shared
        let request = URLRequest(url: url)
        let task = queue.dataTask(with: request) {[weak self] data, response, error in
            if error != nil {
                self?.handleInvalidUrlError(url: url.absoluteString)
            } else if let data = data {
                listener(data)
            }
        }
        
        task.resume()
    }

    
    private func isValidUrl(_ url: String) -> Bool {
        if let url = URL(string: url) {
            return url.isFileURL || UIApplication.shared.canOpenURL(url)
        } else {
            return false
        }
    }
    
    private func splitFileNameAndExtension(fileName: String) -> (name: String?, ext: String?)? {
        let components = fileName.split(separator: ".")
        let name = (fileName as NSString).deletingPathExtension;
        let fileExtension = (fileName as NSString).pathExtension;
        guard components.count == 2 else { return nil }
        return (name: name, ext: fileExtension)
    }
    
    private func loadResourceAsset(sourceAsset: String, path: String?, listener: @escaping (Data) -> Void) {
        guard let splitSourceAssetName = splitFileNameAndExtension(fileName: sourceAsset),
              let name = splitSourceAssetName.name,
              let ext = splitSourceAssetName.ext else {
            handleRiveError(error: createAssetFileError(sourceAsset))
            return
        }
        
        guard let folderUrl = Bundle.main.url(forResource: name, withExtension: ext) else {
            handleRiveError(error: createAssetFileError(sourceAsset))
            return
        }
        
        DispatchQueue.global(qos: .background).async { [weak self] in
            do {
                let fileData = try Data(contentsOf: folderUrl)
                DispatchQueue.main.async {
                    listener(fileData)
                }
            } catch {
                DispatchQueue.main.async {
                    self?.handleRiveError(error: createAssetFileError(sourceAsset))
                }
            }
        }
    }
    
    private func handleInvalidUrlError(url: String) {
        handleRiveError(error: createIncorrectRiveURL(url))
    }
    
    // MARK: - Playback Controls
    
    func play(animationName: String? = nil, rnLoopMode: RNLoopMode, rnDirection: RNDirection, isStateMachine: Bool) {
        let loop = RNLoopMode.mapToRiveLoop(rnLoopMode: rnLoopMode)
        let direction = RNDirection.mapToRiveDirection(rnDirection: rnDirection)
        if (animationName ?? "").isEmpty || isStateMachine {
            viewModel?.play(loop: loop, direction: direction)
        } else {
            viewModel?.play(animationName: animationName, loop: loop, direction: direction)
        }
    }
    
    func pause() {
        viewModel?.pause()
    }
    
    func stop() {
        viewModel?.stop()
    }
    
    func reset() {
        viewModel?.reset()
        reloadView()
    }
    
    // MARK: - StateMachine Inputs
    
    func fireState(stateMachineName: String, inputName: String) {
        viewModel?.triggerInput(inputName)
    }
    
    func setNumberState(stateMachineName: String, inputName: String, value: Float) {
        viewModel?.setInput(inputName, value: value)
    }
    
    func getBooleanState(inputName: String) -> Bool? {
        return viewModel?.boolInput(named: inputName)?.value();
    }
    
    func getNumberState(inputName: String) -> Float? {
        return viewModel?.numberInput(named: inputName)?.value();
    }
    
    func getBooleanStateAtPath(inputName: String, path: String) -> Bool? {
        let input = viewModel?.riveModel?.artboard?.getBool(inputName, path: path);
        return input?.value();
    }
    
    func getNumberStateAtPath(inputName: String, path: String) -> Float? {
        let input = viewModel?.riveModel?.artboard?.getNumber(inputName, path: path);
        return input?.value();
    }
    
    func setBooleanState(stateMachineName: String, inputName: String, value: Bool) {
        viewModel?.setInput(inputName, value: value)
    }
    
    func fireStateAtPath(inputName: String, path: String) {
        viewModel?.triggerInput(inputName, path: path)
    }
    
    func setNumberStateAtPath(inputName: String, value: Float, path: String) {
        viewModel?.setInput(inputName, value: value, path: path)
    }
    
    func setBooleanStateAtPath(inputName: String, value: Bool, path: String) {
        viewModel?.setInput(inputName, value: value, path: path)
    }
    
    // MARK: - Text Runs
    func setTextRunValue(textRunName: String, textRunValue: String) throws {
        do {
            try viewModel?.setTextRunValue(textRunName, textValue: textRunValue)
        } catch let error as NSError {
            handleRiveError(error: error)
        }
    }
    
    func setTextRunValueAtPath(textRunName: String, textRunValue: String, path: String) throws {
        do {
            try viewModel?.setTextRunValue(textRunName, path: path, textValue: textRunValue)
        } catch let error as NSError {
            handleRiveError(error: error)
        }
    }
    
    // MARK: - Data Binding
    func setBooleanPropertyValue(path: String, value: Bool) {
        dataBindingViewModelInstance?.booleanProperty(fromPath: path)?.value = value
    }
    
    func setStringPropertyValue(path: String, value: String) {
        dataBindingViewModelInstance?.stringProperty(fromPath: path)?.value = value
    }
    
    func setNumberPropertyValue(path: String, value: Float) {
        dataBindingViewModelInstance?.numberProperty(fromPath: path)?.value = value
    }
    
    func setColorPropertyValue(path: String, r: Int, g: Int, b: Int, a: Int) {
        dataBindingViewModelInstance?.colorProperty(fromPath: path)?.value = UIColor(red: CGFloat(r) / 255.0, green: CGFloat(g) / 255.0, blue: CGFloat(b) / 255.0, alpha: CGFloat(a) / 255.0)
    }
    
    func setEnumPropertyValue(path: String, value: String) {
        dataBindingViewModelInstance?.enumProperty(fromPath: path)?.value = value
    }
    
    func fireTriggerProperty(path: String) {
        dataBindingViewModelInstance?.triggerProperty(fromPath: path)?.trigger()
    }
    
    private func storeProperty(key: String, propertyListener: PropertyListener) {
        if let existingListener = propertyListeners[key]?.listener, let existingProperty = propertyListeners[key]?.property {
            existingProperty.removeListener(existingListener)
        }
        propertyListeners[key] = propertyListener
    }
    
    private struct PropertyRegistration {
        let property: RiveDataBindingViewModel.Instance.Property
        let initialValue: Any?
        let createListener: () -> UUID?
    }
    
    func registerPropertyListener(path: String, propertyType: String) {
        guard let reactTag = self.reactTag,
              let dataBindingInstance = dataBindingViewModelInstance,
              let propertyTypeEnum = safePropertyType(propertyType) else { return }
        
        let key = "\(propertyType):\(path):\(reactTag)"
        
        // Get registration info based on property type
        let registration: PropertyRegistration? = {
            switch propertyTypeEnum {
            case .String:
                guard let prop = dataBindingInstance.stringProperty(fromPath: path) else { return nil }
                return PropertyRegistration(
                    property: prop,
                    initialValue: prop.value,
                    createListener: { [weak self] in
                        prop.addListener { newValue in
                            self?.eventEmitter?.sendEvent(withName: key, body: newValue)
                        }
                    }
                )
                
            case .Boolean:
                guard let prop = dataBindingInstance.booleanProperty(fromPath: path) else { return nil }
                return PropertyRegistration(
                    property: prop,
                    initialValue: prop.value,
                    createListener: { [weak self] in
                        prop.addListener { newValue in
                            self?.eventEmitter?.sendEvent(withName: key, body: newValue)
                        }
                    }
                )
                
            case .Number:
                guard let prop = dataBindingInstance.numberProperty(fromPath: path) else { return nil }
                return PropertyRegistration(
                    property: prop,
                    initialValue: prop.value,
                    createListener: { [weak self] in
                        prop.addListener { newValue in
                            self?.eventEmitter?.sendEvent(withName: key, body: newValue)
                        }
                    }
                )
                
            case .Color:
                guard let prop = dataBindingInstance.colorProperty(fromPath: path) else { return nil }
                return PropertyRegistration(
                    property: prop,
                    initialValue: prop.value.toHexInt(),
                    createListener: { [weak self] in
                        prop.addListener { newValue in
                            self?.eventEmitter?.sendEvent(withName: key, body: newValue.toHexInt())
                        }
                    }
                )
                
            case .Enum:
                guard let prop = dataBindingInstance.enumProperty(fromPath: path) else { return nil }
                return PropertyRegistration(
                    property: prop,
                    initialValue: prop.value,
                    createListener: { [weak self] in
                        prop.addListener { newValue in
                            self?.eventEmitter?.sendEvent(withName: key, body: newValue)
                        }
                    }
                )
                
            case .Trigger:
                guard let prop = dataBindingInstance.triggerProperty(fromPath: path) else { return nil }
                return PropertyRegistration(
                    property: prop,
                    initialValue: nil,
                    createListener: { [weak self] in
                        prop.addListener {
                            self?.eventEmitter?.sendEvent(withName: key, body: nil)
                        }
                    }
                )
            }
        }()
        
        guard let registration else {
            var error = RNRiveError.DataBindingError;
            error.message = "\(propertyType) property not found at path: \(path)"
            onRNRiveError(error)
            return
        }
        
        // Send initial value
        if let initialValue = registration.initialValue {
            eventEmitter?.sendEvent(withName: key, body: initialValue)
        }
        
        // Create and store listener
        if let listener = registration.createListener() {
            let propertyListener = PropertyListener(
                dataBindingInstance: dataBindingInstance,
                property: registration.property,
                listener: listener,
                path: path,
                propertyType: propertyType
            )
            storeProperty(key: key, propertyListener: propertyListener)
        }
    }
    
    // MARK: - StateMachineDelegate
    
    @objc func stateMachine(_ stateMachine: RiveStateMachineInstance, didChangeState stateName: String) {
        onStateChanged?(["stateMachineName": stateMachine.name(), "stateName": stateName])
    }
    
    @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?) {
        if (riveModel?.animation != nil || riveModel?.stateMachine != nil) {
            onPlay?([
                "animationName": riveModel?.animation?.name() ?? riveModel?.stateMachine?.name() ?? "",
                "isStateMachine": riveModel?.stateMachine != nil
            ])
        }
    }
    
    func player(pausedWithModel riveModel: RiveModel?) {
        onPause?([
            "animationName": riveModel?.animation?.name() ?? riveModel?.stateMachine?.name() ?? "",
            "isStateMachine": riveModel?.stateMachine != nil
        ])
    }
    
    func player(loopedWithModel riveModel: RiveModel?, type: Int) {
        onLoopEnd?([
            "animationName": riveModel?.animation?.name() ?? "",
            "loopMode": RNLoopMode.mapToRNLoopMode(value: type).rawValue
        ])
    }
    
    func player(stoppedWithModel riveModel: RiveModel?) {
        onStop?([
            "animationName": riveModel?.animation?.name() ?? riveModel?.stateMachine?.name() ?? "",
            "isStateMachine": riveModel?.stateMachine != nil
        ])
    }
    
    func player(didAdvanceby seconds: Double, riveModel: RiveModel?) {
        // TODO: implement if in Android
    }
    
    // MARK: - Touch Events
    
    @objc open func touchBegan(_ location: CGPoint) {
        handleTouch(location: location) { machine, abLocation in
            guard let riveView = viewModel?.riveView else { return }
            guard let artboard = viewModel?.riveModel?.artboard else { return }
            if (riveView.stateMachineDelegate?.touchBegan != nil) {
                riveView.stateMachineDelegate?.touchBegan?(onArtboard: artboard, atLocation: abLocation)
            }
        }
    }
    
    @objc open func touchMoved(_ location: CGPoint) {
        handleTouch(location: location) { machine, abLocation in
            guard let riveView = viewModel?.riveView else { return }
            guard let artboard = viewModel?.riveModel?.artboard else { return }
            riveView.stateMachineDelegate?.touchMoved?(onArtboard: artboard, atLocation: abLocation)
        }
    }
    
    @objc open func touchEnded(_ location: CGPoint) {
        handleTouch(location: location) { machine, abLocation in
            guard let riveView = viewModel?.riveView else { return }
            guard let artboard = viewModel?.riveModel?.artboard else { return }
            riveView.stateMachineDelegate?.touchEnded?(onArtboard: artboard, atLocation: abLocation)
        }
    }
    
    @objc open func touchCancelled(_ location: CGPoint) {
        handleTouch(location: location) { machine, abLocation in
            guard let riveView = viewModel?.riveView else { return }
            guard let artboard = viewModel?.riveModel?.artboard else { return }
            riveView.stateMachineDelegate?.touchCancelled?(onArtboard: artboard, atLocation: abLocation)
        }
    }
    
    private func handleTouch(location: CGPoint, action: (RiveStateMachineInstance, CGPoint)->Void) {
        guard let bounds = viewModel?.riveModel?.artboard?.bounds() else { return }
        if let viewModel = viewModel, let riveView = viewModel.riveView {
            let artboardLocation = riveView.artboardLocation(
                fromTouchLocation: location,
                inArtboard: bounds,
                fit: viewModel.fit,
                alignment: viewModel.alignment
            )
            if let stateMachine = viewModel.riveModel?.stateMachine {
                viewModel.play()
                action(stateMachine, artboardLocation)
            }
        }
    }
    
    // MARK: - Error Handling
    
    private func onRNRiveError(_ rnRiveError: BaseRNRiveError) {
        onError?(["type": rnRiveError.type, "message": rnRiveError.message])
    }
    
    private func handleRiveError(error: NSError) {
        if isUserHandlingErrors {
            let rnRiveError = RNRiveError.mapToRNRiveError(riveError: error)
            if let safeRnRiveError = rnRiveError {
                onRNRiveError(safeRnRiveError)
            }
        } else {
            RCTLogError(error.localizedDescription)
        }
    }
    
    private enum DataBindingConfig {
        case autoBind(Bool)
        case index(Int)
        case name(String)
        case empty
    }

    private enum DataBindingConfigState {
        case pending(DataBindingConfig?)
        case configured
        case none
    }
    
    private struct PropertyListener {
        let dataBindingInstance: RiveDataBindingViewModel.Instance
        let property: RiveDataBindingViewModel.Instance.Property
        let listener: UUID
        let path: String
        let propertyType: String
    }
}

extension UIColor {
    func toHexInt() -> Int {
        var red: CGFloat = 0
        var green: CGFloat = 0
        var blue: CGFloat = 0
        var alpha: CGFloat = 0
        
        self.getRed(&red, green: &green, blue: &blue, alpha: &alpha)
        
        let r = UInt32(red * 255)
        let g = UInt32(green * 255)
        let b = UInt32(blue * 255)
        let a = UInt32(alpha * 255)
        
        return Int((a << 24) | (r << 16) | (g << 8) | b)
    }
}