react-native-spalla-player 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Taghos Tecnologia
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,116 @@
+# react-native-spalla-player
+
+Spalla SDK for RN
+
+## Installation
+
+```sh
+npm install react-native-spalla-player
+```
+
+## Usage
+
+```js
+import SpallaPlayer, { initialize } from 'react-native-spalla-player';
+
+// make sure to call initialize as soon as possible on your app. Can be on top of index.js or App.js
+initialize(
+  'your spalla token',
+  null //application id for chromecast. 
+);
+
+// ...
+
+const playerRef = React.useRef<SpallaPlayer | null>(null);
+
+const [muted, setMuted] = React.useState(false);
+const [playing, setPlaying] = React.useState(true);
+
+<SafeAreaView style={styles.container}>
+  <SpallaPlayer
+    ref={playerRef}
+    style={styles.videoPlayer}
+    contentId="Spalla contentId"
+    muted={muted}
+    hideUI={false}
+    onPlayerEvent={({ nativeEvent }) => {
+      switch (nativeEvent.event) {
+        case 'timeUpdate':
+          console.log('timeupdate', nativeEvent.time);
+          break;
+        case 'durationUpdate':
+          console.log('durationUpdate', nativeEvent.duration);
+          break;
+        case 'play':
+        case 'playing':
+          setPlaying(true);
+          break;
+        case 'pause':
+          setPlaying(false);
+          break;
+        case 'muted':
+          setMuted(true);
+          break;
+        case 'unmuted':
+          setMuted(false);
+          break;
+        default:
+          console.log('event', nativeEvent.event);
+      }
+    }}
+  >
+  <View style={styles.uicontainer}>{/*Place your custom UI here*/}</View>
+  </SpallaPlayer> 
+  <Button
+    onPress={() => {
+      if (playing) {
+        playerRef.current?.pause();
+      } else {
+        playerRef.current?.play();
+     }
+    }}
+    title={playing ? 'Pause' : 'Play'}
+  />
+  <Button
+    onPress={() => setMuted(!muted)}
+    title={muted ? 'Unmute' : 'Mute'}
+  />
+</SafeAreaView>
+```
+
+## Props
+
+|    Property        | Type     | Description  |
+| :----------------- | :------: | :----------- |
+| **`contentId`**    | string   | Spalla contentId that will be played
+| **`hideUI`**       | boolean  | hide or show the default UI (its a prop, but it can only be set once)
+| **`muted`**        | boolean  | mute/unmute video
+| **`onPlayerEvent`**| callback | Function that will be called with player events
+
+## Imperative Methods
+
+You can control a player reference using 3 methods
+
+|    Method          | Description  |
+| :----------------- | :----------- |
+| **`play()`**       | Resume playback
+| **`pause()`**      | Pause playback
+| **`seekTo(time)`** | Seek to a time (in seconds)
+
+```js
+playerRef.current?.play();
+playerRef.current?.pause();
+playerRef.current?.seekTo(12); //position in seconds, if higher than duration it will move to the end
+```
+
+## Contributing
+
+See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/android/build.gradle

@@ -0,0 +1,100 @@
+buildscript {
+  // Buildscript is evaluated before everything else so we can't use getExtOrDefault
+  def kotlin_version = rootProject.ext.has("kotlinVersion") ? rootProject.ext.get("kotlinVersion") : project.properties["SpallaPlayer_kotlinVersion"]
+
+  repositories {
+    google()
+    mavenCentral()
+  }
+
+  dependencies {
+    classpath "com.android.tools.build:gradle:7.2.1"
+    // noinspection DifferentKotlinGradleVersion
+    classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
+  }
+}
+
+def reactNativeArchitectures() {
+  def value = rootProject.getProperties().get("reactNativeArchitectures")
+  return value ? value.split(",") : ["armeabi-v7a", "x86", "x86_64", "arm64-v8a"]
+}
+
+def isNewArchitectureEnabled() {
+  return rootProject.hasProperty("newArchEnabled") && rootProject.getProperty("newArchEnabled") == "true"
+}
+
+apply plugin: "com.android.library"
+apply plugin: "kotlin-android"
+
+if (isNewArchitectureEnabled()) {
+  apply plugin: "com.facebook.react"
+}
+
+def getExtOrDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : project.properties["SpallaPlayer_" + name]
+}
+
+def getExtOrIntegerDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : (project.properties["SpallaPlayer_" + name]).toInteger()
+}
+
+def supportsNamespace() {
+  def parsed = com.android.Version.ANDROID_GRADLE_PLUGIN_VERSION.tokenize('.')
+  def major = parsed[0].toInteger()
+  def minor = parsed[1].toInteger()
+
+  // Namespace support was added in 7.3.0
+  return (major == 7 && minor >= 3) || major >= 8
+}
+
+android {
+  if (supportsNamespace()) {
+    namespace "com.spallaplayer"
+
+    sourceSets {
+      main {
+        manifest.srcFile "src/main/AndroidManifestNew.xml"
+      }
+    }
+  }
+
+  compileSdkVersion getExtOrIntegerDefault("compileSdkVersion")
+
+  defaultConfig {
+    minSdkVersion getExtOrIntegerDefault("minSdkVersion")
+    targetSdkVersion getExtOrIntegerDefault("targetSdkVersion")
+
+  }
+
+  buildTypes {
+    release {
+      minifyEnabled false
+    }
+  }
+
+  lintOptions {
+    disable "GradleCompatible"
+  }
+
+  compileOptions {
+    sourceCompatibility JavaVersion.VERSION_1_8
+    targetCompatibility JavaVersion.VERSION_1_8
+  }
+}
+
+repositories {
+  mavenCentral()
+  google()
+}
+
+def kotlin_version = getExtOrDefault("kotlinVersion")
+
+dependencies {
+  // For < 0.71, this will be from the local maven repo
+  // For > 0.71, this will be replaced by `com.facebook.react:react-android:$version` by react gradle plugin
+  //noinspection GradleDynamicVersion
+  implementation "com.facebook.react:react-native:+"
+  implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
+  implementation("stream.spalla:spalla-android-sdk:1.2.2")
+}
+

package/android/gradle.properties

@@ -0,0 +1,5 @@
+SpallaPlayer_kotlinVersion=1.7.0
+SpallaPlayer_minSdkVersion=21
+SpallaPlayer_targetSdkVersion=31
+SpallaPlayer_compileSdkVersion=31
+SpallaPlayer_ndkversion=21.4.7075529

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,3 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+          package="com.spallaplayer">
+</manifest>

package/android/src/main/AndroidManifestNew.xml

@@ -0,0 +1,2 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+</manifest>

package/android/src/main/java/com/spallaplayer/SpallaPlayerModule.kt

@@ -0,0 +1,94 @@
+package com.spallaplayer
+
+import com.facebook.react.bridge.LifecycleEventListener
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactContextBaseJavaModule
+import com.facebook.react.bridge.ReactMethod
+import com.facebook.react.uimanager.NativeViewHierarchyManager
+import com.facebook.react.uimanager.UIManagerModule
+import com.spalla.sdk.android.core.SpallaSDK
+import com.spalla.sdk.android.core.player.view.SpallaPlayerView
+
+class SpallaPlayerModule(reactContext: ReactApplicationContext) :
+  ReactContextBaseJavaModule(reactContext),
+  LifecycleEventListener {
+  private val _reactContext: ReactApplicationContext
+
+  init {
+    reactContext.addLifecycleEventListener(this)
+    _reactContext = reactContext
+  }
+
+  override fun getName(): String {
+    return "RNSpallaPlayer"
+  }
+
+  override fun onHostResume() {
+  }
+
+  override fun onHostPause() {
+  }
+
+  override fun onHostDestroy() {
+  }
+
+  @ReactMethod
+  fun play(tag: Int) {
+    _reactContext.getNativeModule(UIManagerModule::class.java)!!
+      .prependUIBlock { nativeViewHierarchyManager: NativeViewHierarchyManager ->
+        val playerView = nativeViewHierarchyManager.resolveView(tag)
+        if (playerView is SpallaPlayerView) {
+          playerView.play()
+        } else {
+          throw ClassCastException(
+            String.format(
+              "Cannot play: view with tag #%d is not a SpallaPlayerView",
+              tag
+            )
+          )
+        }
+      }
+  }
+
+  @ReactMethod
+  fun pause(tag: Int) {
+    _reactContext.getNativeModule(UIManagerModule::class.java)!!
+      .prependUIBlock { nativeViewHierarchyManager: NativeViewHierarchyManager ->
+        val playerView = nativeViewHierarchyManager.resolveView(tag)
+        if (playerView is SpallaPlayerView) {
+          playerView.pause()
+        } else {
+          throw ClassCastException(
+            String.format(
+              "Cannot play: view with tag #%d is not a SpallaPplayerView",
+              tag
+            )
+          )
+        }
+      }
+  }
+
+  @ReactMethod
+  fun seekTo(tag: Int, time: Double) {
+    _reactContext.getNativeModule(UIManagerModule::class.java)!!
+      .prependUIBlock { nativeViewHierarchyManager: NativeViewHierarchyManager ->
+        val playerView = nativeViewHierarchyManager.resolveView(tag)
+        if (playerView is SpallaPlayerView) {
+          playerView.seekTo(time)
+        } else {
+          throw ClassCastException(
+            String.format(
+              "Cannot play: view with tag #%d is not a SpallaPplayerView",
+              tag
+            )
+          )
+        }
+      }
+  }
+
+  @ReactMethod
+  fun initialize(token: String, applicationId: String?) {
+    SpallaSDK.initialize(_reactContext, token)
+  }
+
+}

package/android/src/main/java/com/spallaplayer/SpallaPlayerPackage.kt

@@ -0,0 +1,17 @@
+package com.spallaplayer
+
+import com.facebook.react.ReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ViewManager
+
+
+class SpallaPlayerPackage : ReactPackage {
+  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
+    return listOf(SpallaPlayerModule(reactContext))
+  }
+
+  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+    return listOf(RNSpallaPlayerManager())
+  }
+}

package/android/src/main/java/com/spallaplayer/SpallaPlayerViewManager.kt

@@ -0,0 +1,96 @@
+package com.spallaplayer
+
+import android.util.Log
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.ReactContext
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.common.MapBuilder
+import com.facebook.react.uimanager.SimpleViewManager
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.uimanager.events.RCTEventEmitter
+import com.spalla.sdk.android.core.player.entities.SpallaPlayerEvent
+import com.spalla.sdk.android.core.player.entities.SpallaPlayerEvent.*
+import com.spalla.sdk.android.core.player.listeners.SpallaPlayerListener
+import com.spalla.sdk.android.core.player.view.SpallaPlayerView
+
+class RNSpallaPlayerManager() : SimpleViewManager<SpallaPlayerView>(), SpallaPlayerListener {
+  private var _playerView: SpallaPlayerView? = null
+  private var _reactContext: ReactContext? = null
+
+  override fun getName() = "RNSpallaPlayer"
+
+  override fun createViewInstance(context: ThemedReactContext): SpallaPlayerView {
+    _reactContext = context
+    val player = SpallaPlayerView(context)
+    _playerView = player
+    player.registerPlayerListener(this)
+
+    return player
+  }
+
+  override fun getExportedCustomBubblingEventTypeConstants(): MutableMap<String, Any> {
+    return MapBuilder.builder<String, Any>()
+      .put(
+        "onPlayerEvent",
+        MapBuilder.of(
+          "phasedRegistrationNames",
+          MapBuilder.of("bubbled", "onPlayerEvent")
+        )
+      )
+      .build()
+  }
+
+  override fun onDropViewInstance(view: SpallaPlayerView) {
+    Log.v("RNSpallaPlayerManager", "onDropViewInstance")
+
+    try {
+      view.onDestroy()
+    } catch (e: Exception) {
+      e.printStackTrace()
+    }
+    super.onDropViewInstance(view)
+  }
+
+  @ReactProp(name = "contentId")
+  fun setContentId(view: SpallaPlayerView, contentId: String) {
+    _playerView?.load(contentId, false, true)
+  }
+
+  @ReactProp(name = "muted")
+  fun setMuted(view: SpallaPlayerView, muted: Boolean) {
+    _playerView?.setMuted(muted)
+  }
+
+  override fun onEvent( spallaPlayerEvent: SpallaPlayerEvent) {
+    val map: WritableMap = Arguments.createMap()
+
+    when (spallaPlayerEvent) {
+      is DurationUpdate -> {
+        map.putString("event", "durationUpdate")
+        map.putDouble("duration", spallaPlayerEvent.duration)
+      }
+      Ended -> map.putString("event", "ended")
+      is Error -> {
+        map.putString("event", "error")
+        map.putString("message", spallaPlayerEvent.message)
+      }
+      Pause -> map.putString("event", "pause")
+      Play -> map.putString("event", "play")
+      Playing -> map.putString("event", "playing")
+      is TimeUpdate -> {
+        map.putString("event", "timeUpdate")
+        map.putDouble("time", spallaPlayerEvent.currentTime)
+      }
+      Waiting -> map.putString("event", "buffering")
+    }
+    _playerView?.let { player ->
+      _reactContext?.getJSModule(RCTEventEmitter::class.java)?.receiveEvent(
+        player.id,
+        "onPlayerEvent",
+        map
+      )
+    }
+
+  }
+}

package/ios/RNSpallaPlayer.m

@@ -0,0 +1,60 @@
+#import <React/RCTViewManager.h>
+#import <React/RCTUIManager.h>
+#import <react_native_spalla_player-Swift.h>
+@import SpallaSDK;
+
+@interface RCT_EXTERN_MODULE(RNSpallaPlayer, RCTViewManager)
+
+RCT_EXPORT_VIEW_PROPERTY(contentId, NSString)
+
+RCT_EXPORT_VIEW_PROPERTY(muted, BOOL)
+
+RCT_EXPORT_VIEW_PROPERTY(hideUI, BOOL)
+
+RCT_EXPORT_METHOD(play: (nonnull NSNumber *) reactTag {
+  
+  [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *,UIView *> *viewRegistry) {
+          UIView *view = viewRegistry[reactTag];
+          if (!view || ![view isKindOfClass:[SpallaPlayerWrapper class]]) {
+              RCTLogError(@"Cannot find NativeView with tag #%@", reactTag);
+              return;
+          } else {
+            [(SpallaPlayerWrapper *)view play];
+          }
+    
+  }];
+})
+
+RCT_EXPORT_METHOD(pause: (nonnull NSNumber *) reactTag {
+  [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *,UIView *> *viewRegistry) {
+          UIView *view = viewRegistry[reactTag];
+          if (!view || ![view isKindOfClass:[SpallaPlayerWrapper class]]) {
+              RCTLogError(@"Cannot find NativeView with tag #%@", reactTag);
+              return;
+          } else {
+            [(SpallaPlayerWrapper *)view pause];
+          }
+  }];
+})
+
+RCT_EXPORT_METHOD(seekTo: (nonnull NSNumber *) reactTag time:(float)time) {
+  [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *,UIView *> *viewRegistry) {
+          UIView *view = viewRegistry[reactTag];
+          if (!view || ![view isKindOfClass:[SpallaPlayerWrapper class]]) {
+              RCTLogError(@"Cannot find NativeView with tag #%@", reactTag);
+              return;
+          } else {
+            [(SpallaPlayerWrapper *)view seekToTime: time];
+          }
+  }];
+}
+
+RCT_EXPORT_METHOD(initialize: (nonnull NSString *) token: (NSString *) applicationId) {
+  dispatch_async(dispatch_get_main_queue(), ^{
+    [SpallaPlayerWrapper initializeWithToken: token applicationId: applicationId];
+  });
+}
+
+RCT_EXPORT_VIEW_PROPERTY(onPlayerEvent, RCTBubblingEventBlock)
+
+@end

package/ios/RNSpallaPlayer.swift

@@ -0,0 +1,11 @@
+@objc(RNSpallaPlayer)
+class RNSpallaPlayer: RCTViewManager {
+
+  override func view() -> (SpallaPlayerWrapper) {
+    return SpallaPlayerWrapper()
+  }
+
+  @objc override static func requiresMainQueueSetup() -> Bool {
+    return true
+  }
+}

package/ios/SpallaPlayer-Bridging-Header.h

@@ -0,0 +1 @@
+#import <React/RCTViewManager.h>

package/ios/SpallaPlayerWrapper.swift

@@ -0,0 +1,129 @@
+//
+//  SpallaPlayerWrapper.swift
+//  SpallaSample
+//
+//  Created by Rogerio Shimizu on 11/30/23.
+//
+
+import Foundation
+import UIKit
+import SpallaSDK
+
+@objc public class SpallaPlayerWrapper: UIView {
+  
+  let viewController: SpallaPlayerViewController
+  
+  @objc var contentId: String? {
+    didSet {
+      print("Content id: \(contentId ?? "nil")")
+      // hacky! this needs to be delayed a bit so hideUI can be set first when comming from RN
+      // ideally we should use a chromeless class
+      DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
+        self.setupPlayer()
+      }
+    }
+  }
+  
+  @objc var muted: Bool = false {
+    didSet {
+      if muted {
+        viewController.mute()
+      } else {
+        viewController.unmute()
+      }
+    }
+  }
+  
+  @objc var hideUI: Bool = false
+  
+  @objc var onPlayerEvent: RCTBubblingEventBlock?
+  
+  convenience public init() {
+    self.init(frame: CGRect.zero)
+  }
+  
+  override init(frame: CGRect) {
+    viewController = SpallaPlayerViewController()
+    super.init(frame: frame)
+    
+    //add view controller on main window
+    self.window?.rootViewController?.addChild(viewController)
+    if let playerView = viewController.view {
+      self.addSubview(playerView)
+    }
+    
+    //add listeners
+    viewController.registerPlayerListener(listener: self)
+  }
+  
+  override public func layoutSubviews() {
+    super.layoutSubviews()
+    if let playerView = viewController.view {
+      playerView.frame = self.bounds
+    }
+    
+  }
+  
+  required init?(coder: NSCoder) {
+    fatalError("init(coder:) has not been implemented")
+  }
+  
+  func setupPlayer() {
+    if let contentId {
+      viewController.setup(with: contentId, isLive: false, hideUI: hideUI)
+    }
+  }
+  
+  @objc public func play() {
+    viewController.play()
+  }
+  
+  @objc public func pause() {
+    viewController.pause()
+  }
+  
+  @objc public func seekTo(time: Float) {
+    viewController.seekTo(time: TimeInterval(time))
+  }
+  
+  @objc static public func initialize(token: String, applicationId: String) {
+    Spalla.shared.initialize(token: token, applicationId: applicationId)
+  }
+  
+  deinit {
+    viewController.pause()
+    viewController.removeFromParent()
+  }
+}
+
+extension SpallaPlayerWrapper: SpallaPlayerListener {
+  public func onEvent(event: SpallaSDK.SpallaPlayerEvent) {
+    
+    guard let onPlayerEvent else { return }
+    
+    switch event {
+    case .durationUpdate(let time):
+      onPlayerEvent(["event": "durationUpdate", "duration": time])
+    case .ended:
+      onPlayerEvent(["event": "ended"])
+    case .muted:
+      onPlayerEvent(["event": "muted"])
+    case .pause:
+      onPlayerEvent(["event": "pause"])
+    case .play: 
+      onPlayerEvent(["event": "play"])
+    case .playing:
+      onPlayerEvent(["event": "playing"])
+    case .unmuted:
+      onPlayerEvent(["event": "unmuted"])
+    case .error(let error, let canRetry):
+      onPlayerEvent(["event": "error", "error": error, "canRetry": canRetry])
+    case .timeUpdate(let time):
+      onPlayerEvent(["event": "timeUpdate", "time": time])
+    case .waiting:
+      onPlayerEvent(["event": "buffering"])
+    @unknown default:
+      break
+    }
+  }
+}

package/lib/commonjs/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.seekTo = exports.play = exports.pause = exports.initialize = exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const RNSpallaPlayer = (0, _reactNative.requireNativeComponent)('RNSpallaPlayer');
+const RNSpallaPlayerModule = _reactNative.NativeModules.RNSpallaPlayer;
+const play = ref => {
+  const handle = (0, _reactNative.findNodeHandle)(ref);
+  RNSpallaPlayerModule.play(handle);
+};
+exports.play = play;
+const pause = ref => {
+  const handle = (0, _reactNative.findNodeHandle)(ref);
+  RNSpallaPlayerModule.pause(handle);
+};
+exports.pause = pause;
+const seekTo = (ref, time) => {
+  const handle = (0, _reactNative.findNodeHandle)(ref);
+  RNSpallaPlayerModule.seekTo(handle, time);
+};
+
+//export default SpallaPlayer;
+exports.seekTo = seekTo;
+class SpallaPlayer extends _react.default.Component {
+  _player = null;
+  _setRef = ref => {
+    this._player = ref;
+  };
+  render() {
+    const {
+      style
+    } = this.props;
+
+    //const {maxHeight} = this.state;
+
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(RNSpallaPlayer, {
+      ...this.props,
+      ref: this._setRef,
+      style: style,
+      children: this.props.children
+    });
+  }
+  play = () => {
+    const handle = (0, _reactNative.findNodeHandle)(this._player);
+    RNSpallaPlayerModule.play(handle);
+  };
+  pause = () => {
+    const handle = (0, _reactNative.findNodeHandle)(this._player);
+    RNSpallaPlayerModule.pause(handle);
+  };
+}
+const initialize = (token, applicationId) => {
+  RNSpallaPlayerModule.initialize(token, applicationId);
+};
+exports.initialize = initialize;
+var _default = exports.default = SpallaPlayer;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","RNSpallaPlayer","requireNativeComponent","RNSpallaPlayerModule","NativeModules","play","ref","handle","findNodeHandle","exports","pause","seekTo","time","SpallaPlayer","React","Component","_player","_setRef","render","style","props","jsx","children","initialize","token","applicationId","_default"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAKsB,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQtB,MAAMG,cAAc,GAClB,IAAAC,mCAAsB,EAAsB,gBAAgB,CAAC;AAE/D,MAAMC,oBAAoB,GAAGC,0BAAa,CAACH,cAAc;AAsClD,MAAMI,IAAI,GAAIC,GAAQ,IAAK;EAChC,MAAMC,MAAM,GAAG,IAAAC,2BAAc,EAACF,GAAG,CAAC;EAClCH,oBAAoB,CAACE,IAAI,CAACE,MAAM,CAAC;AACnC,CAAC;AAACE,OAAA,CAAAJ,IAAA,GAAAA,IAAA;AAEK,MAAMK,KAAK,GAAIJ,GAAQ,IAAK;EACjC,MAAMC,MAAM,GAAG,IAAAC,2BAAc,EAACF,GAAG,CAAC;EAClCH,oBAAoB,CAACO,KAAK,CAACH,MAAM,CAAC;AACpC,CAAC;AAACE,OAAA,CAAAC,KAAA,GAAAA,KAAA;AAEK,MAAMC,MAAM,GAAGA,CAACL,GAAQ,EAAEM,IAAY,KAAK;EAChD,MAAML,MAAM,GAAG,IAAAC,2BAAc,EAACF,GAAG,CAAC;EAClCH,oBAAoB,CAACQ,MAAM,CAACJ,MAAM,EAAEK,IAAI,CAAC;AAC3C,CAAC;;AAED;AAAAH,OAAA,CAAAE,MAAA,GAAAA,MAAA;AAEA,MAAME,YAAY,SAASC,cAAK,CAACC,SAAS,CAAQ;EAChDC,OAAO,GAAG,IAAI;EAEdC,OAAO,GAAIX,GAAQ,IAAK;IACtB,IAAI,CAACU,OAAO,GAAGV,GAAG;EACpB,CAAC;EAEDY,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACC,KAAK;;IAE5B;;IAEA,oBACE,IAAAvB,WAAA,CAAAwB,GAAA,EAACpB,cAAc;MAAA,GAAK,IAAI,CAACmB,KAAK;MAAEd,GAAG,EAAE,IAAI,CAACW,OAAQ;MAACE,KAAK,EAAEA,KAAM;MAAAG,QAAA,EAC7D,IAAI,CAACF,KAAK,CAACE;IAAQ,CACN,CAAC;EAErB;EAEAjB,IAAI,GAAGA,CAAA,KAAM;IACX,MAAME,MAAM,GAAG,IAAAC,2BAAc,EAAC,IAAI,CAACQ,OAAO,CAAC;IAC3Cb,oBAAoB,CAACE,IAAI,CAACE,MAAM,CAAC;EACnC,CAAC;EAEDG,KAAK,GAAGA,CAAA,KAAM;IACZ,MAAMH,MAAM,GAAG,IAAAC,2BAAc,EAAC,IAAI,CAACQ,OAAO,CAAC;IAC3Cb,oBAAoB,CAACO,KAAK,CAACH,MAAM,CAAC;EACpC,CAAC;AACH;AAEO,MAAMgB,UAAU,GAAGA,CAACC,KAAa,EAAEC,aAA4B,KAAK;EACzEtB,oBAAoB,CAACoB,UAAU,CAACC,KAAK,EAAEC,aAAa,CAAC;AACvD,CAAC;AAAChB,OAAA,CAAAc,UAAA,GAAAA,UAAA;AAAA,IAAAG,QAAA,GAAAjB,OAAA,CAAAT,OAAA,GAEaa,YAAY","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+import React from 'react';
+import { requireNativeComponent, NativeModules, findNodeHandle } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const RNSpallaPlayer = requireNativeComponent('RNSpallaPlayer');
+const RNSpallaPlayerModule = NativeModules.RNSpallaPlayer;
+export const play = ref => {
+  const handle = findNodeHandle(ref);
+  RNSpallaPlayerModule.play(handle);
+};
+export const pause = ref => {
+  const handle = findNodeHandle(ref);
+  RNSpallaPlayerModule.pause(handle);
+};
+export const seekTo = (ref, time) => {
+  const handle = findNodeHandle(ref);
+  RNSpallaPlayerModule.seekTo(handle, time);
+};
+
+//export default SpallaPlayer;
+
+class SpallaPlayer extends React.Component {
+  _player = null;
+  _setRef = ref => {
+    this._player = ref;
+  };
+  render() {
+    const {
+      style
+    } = this.props;
+
+    //const {maxHeight} = this.state;
+
+    return /*#__PURE__*/_jsx(RNSpallaPlayer, {
+      ...this.props,
+      ref: this._setRef,
+      style: style,
+      children: this.props.children
+    });
+  }
+  play = () => {
+    const handle = findNodeHandle(this._player);
+    RNSpallaPlayerModule.play(handle);
+  };
+  pause = () => {
+    const handle = findNodeHandle(this._player);
+    RNSpallaPlayerModule.pause(handle);
+  };
+}
+export const initialize = (token, applicationId) => {
+  RNSpallaPlayerModule.initialize(token, applicationId);
+};
+export default SpallaPlayer;
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","requireNativeComponent","NativeModules","findNodeHandle","jsx","_jsx","RNSpallaPlayer","RNSpallaPlayerModule","play","ref","handle","pause","seekTo","time","SpallaPlayer","Component","_player","_setRef","render","style","props","children","initialize","token","applicationId"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,sBAAsB,EAEtBC,aAAa,EACbC,cAAc,QACT,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQtB,MAAMC,cAAc,GAClBL,sBAAsB,CAAsB,gBAAgB,CAAC;AAE/D,MAAMM,oBAAoB,GAAGL,aAAa,CAACI,cAAc;AAsCzD,OAAO,MAAME,IAAI,GAAIC,GAAQ,IAAK;EAChC,MAAMC,MAAM,GAAGP,cAAc,CAACM,GAAG,CAAC;EAClCF,oBAAoB,CAACC,IAAI,CAACE,MAAM,CAAC;AACnC,CAAC;AAED,OAAO,MAAMC,KAAK,GAAIF,GAAQ,IAAK;EACjC,MAAMC,MAAM,GAAGP,cAAc,CAACM,GAAG,CAAC;EAClCF,oBAAoB,CAACI,KAAK,CAACD,MAAM,CAAC;AACpC,CAAC;AAED,OAAO,MAAME,MAAM,GAAGA,CAACH,GAAQ,EAAEI,IAAY,KAAK;EAChD,MAAMH,MAAM,GAAGP,cAAc,CAACM,GAAG,CAAC;EAClCF,oBAAoB,CAACK,MAAM,CAACF,MAAM,EAAEG,IAAI,CAAC;AAC3C,CAAC;;AAED;;AAEA,MAAMC,YAAY,SAASd,KAAK,CAACe,SAAS,CAAQ;EAChDC,OAAO,GAAG,IAAI;EAEdC,OAAO,GAAIR,GAAQ,IAAK;IACtB,IAAI,CAACO,OAAO,GAAGP,GAAG;EACpB,CAAC;EAEDS,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACC,KAAK;;IAE5B;;IAEA,oBACEf,IAAA,CAACC,cAAc;MAAA,GAAK,IAAI,CAACc,KAAK;MAAEX,GAAG,EAAE,IAAI,CAACQ,OAAQ;MAACE,KAAK,EAAEA,KAAM;MAAAE,QAAA,EAC7D,IAAI,CAACD,KAAK,CAACC;IAAQ,CACN,CAAC;EAErB;EAEAb,IAAI,GAAGA,CAAA,KAAM;IACX,MAAME,MAAM,GAAGP,cAAc,CAAC,IAAI,CAACa,OAAO,CAAC;IAC3CT,oBAAoB,CAACC,IAAI,CAACE,MAAM,CAAC;EACnC,CAAC;EAEDC,KAAK,GAAGA,CAAA,KAAM;IACZ,MAAMD,MAAM,GAAGP,cAAc,CAAC,IAAI,CAACa,OAAO,CAAC;IAC3CT,oBAAoB,CAACI,KAAK,CAACD,MAAM,CAAC;EACpC,CAAC;AACH;AAEA,OAAO,MAAMY,UAAU,GAAGA,CAACC,KAAa,EAAEC,aAA4B,KAAK;EACzEjB,oBAAoB,CAACe,UAAU,CAACC,KAAK,EAAEC,aAAa,CAAC;AACvD,CAAC;AAED,eAAeV,YAAY","ignoreList":[]}

package/lib/typescript/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/lib/typescript/commonjs/src/index.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { type ViewStyle } from 'react-native';
+interface PlayerEventTimeUpdate {
+    event: 'timeUpdate';
+    time: number;
+}
+interface PlayerEventDurationUpdate {
+    event: 'durationUpdate';
+    duration: number;
+}
+interface PlayerEvent {
+    event: 'play' | 'pause' | 'ended' | 'muted' | 'unmuted' | 'buffering' | 'playing';
+}
+interface Props {
+    style?: ViewStyle;
+    children?: React.ReactNode;
+    hideUI?: boolean;
+    contentId: string;
+    muted?: boolean;
+    autoplay?: boolean;
+    onPlayerEvent?: (event: {
+        nativeEvent: PlayerEventTimeUpdate | PlayerEvent | PlayerEventDurationUpdate;
+    }) => void;
+}
+export declare const play: (ref: any) => void;
+export declare const pause: (ref: any) => void;
+export declare const seekTo: (ref: any, time: number) => void;
+declare class SpallaPlayer extends React.Component<Props> {
+    _player: null;
+    _setRef: (ref: any) => void;
+    render(): import("react/jsx-runtime").JSX.Element;
+    play: () => void;
+    pause: () => void;
+}
+export declare const initialize: (token: String, applicationId: String | null) => void;
+export default SpallaPlayer;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,SAAS,EAGf,MAAM,cAAc,CAAC;AAatB,UAAU,qBAAqB;IAC7B,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,yBAAyB;IACjC,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,WAAW;IACnB,KAAK,EACD,MAAM,GACN,OAAO,GACP,OAAO,GACP,OAAO,GACP,SAAS,GACT,WAAW,GACX,SAAS,CAAC;CACf;AAED,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QACtB,WAAW,EACP,qBAAqB,GACrB,WAAW,GACX,yBAAyB,CAAC;KAC/B,KAAK,IAAI,CAAC;CACZ;AAED,eAAO,MAAM,IAAI,QAAS,GAAG,SAG5B,CAAC;AAEF,eAAO,MAAM,KAAK,QAAS,GAAG,SAG7B,CAAC;AAEF,eAAO,MAAM,MAAM,QAAS,GAAG,QAAQ,MAAM,SAG5C,CAAC;AAIF,cAAM,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IAC/C,OAAO,OAAQ;IAEf,OAAO,QAAS,GAAG,UAEjB;IAEF,MAAM;IAYN,IAAI,aAGF;IAEF,KAAK,aAGH;CACH;AAED,eAAO,MAAM,UAAU,UAAW,MAAM,iBAAiB,MAAM,GAAG,IAAI,SAErE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/typescript/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/module/src/index.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { type ViewStyle } from 'react-native';
+interface PlayerEventTimeUpdate {
+    event: 'timeUpdate';
+    time: number;
+}
+interface PlayerEventDurationUpdate {
+    event: 'durationUpdate';
+    duration: number;
+}
+interface PlayerEvent {
+    event: 'play' | 'pause' | 'ended' | 'muted' | 'unmuted' | 'buffering' | 'playing';
+}
+interface Props {
+    style?: ViewStyle;
+    children?: React.ReactNode;
+    hideUI?: boolean;
+    contentId: string;
+    muted?: boolean;
+    autoplay?: boolean;
+    onPlayerEvent?: (event: {
+        nativeEvent: PlayerEventTimeUpdate | PlayerEvent | PlayerEventDurationUpdate;
+    }) => void;
+}
+export declare const play: (ref: any) => void;
+export declare const pause: (ref: any) => void;
+export declare const seekTo: (ref: any, time: number) => void;
+declare class SpallaPlayer extends React.Component<Props> {
+    _player: null;
+    _setRef: (ref: any) => void;
+    render(): import("react/jsx-runtime").JSX.Element;
+    play: () => void;
+    pause: () => void;
+}
+export declare const initialize: (token: String, applicationId: String | null) => void;
+export default SpallaPlayer;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,SAAS,EAGf,MAAM,cAAc,CAAC;AAatB,UAAU,qBAAqB;IAC7B,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,yBAAyB;IACjC,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,WAAW;IACnB,KAAK,EACD,MAAM,GACN,OAAO,GACP,OAAO,GACP,OAAO,GACP,SAAS,GACT,WAAW,GACX,SAAS,CAAC;CACf;AAED,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QACtB,WAAW,EACP,qBAAqB,GACrB,WAAW,GACX,yBAAyB,CAAC;KAC/B,KAAK,IAAI,CAAC;CACZ;AAED,eAAO,MAAM,IAAI,QAAS,GAAG,SAG5B,CAAC;AAEF,eAAO,MAAM,KAAK,QAAS,GAAG,SAG7B,CAAC;AAEF,eAAO,MAAM,MAAM,QAAS,GAAG,QAAQ,MAAM,SAG5C,CAAC;AAIF,cAAM,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IAC/C,OAAO,OAAQ;IAEf,OAAO,QAAS,GAAG,UAEjB;IAEF,MAAM;IAYN,IAAI,aAGF;IAEF,KAAK,aAGH;CACH;AAED,eAAO,MAAM,UAAU,UAAW,MAAM,iBAAiB,MAAM,GAAG,IAAI,SAErE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/package.json

@@ -0,0 +1,187 @@
+{
+  "name": "react-native-spalla-player",
+  "version": "0.2.0",
+  "description": "Spalla SDK for RN",
+  "source": "./src/index.tsx",
+  "main": "./lib/commonjs/index.js",
+  "module": "./lib/module/index.js",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./lib/typescript/module/src/index.d.ts",
+        "default": "./lib/module/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/src/index.d.ts",
+        "default": "./lib/commonjs/index.js"
+      }
+    }
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace react-native-spalla-player-example",
+    "test": "jest",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "release": "release-it"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/taghos/framework-sdk-spalla-react-native.git"
+  },
+  "author": "Rogerio Shimizu <roja@bunker79.com> (https://github.com/rojas)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/taghos/framework-sdk-spalla-react-native/issues"
+  },
+  "homepage": "https://github.com/taghos/framework-sdk-spalla-react-native#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^17.0.2",
+    "@evilmartians/lefthook": "^1.5.0",
+    "@react-native/eslint-config": "^0.73.1",
+    "@release-it/conventional-changelog": "^5.0.0",
+    "@types/jest": "^29.5.5",
+    "@types/react": "^18.2.44",
+    "commitlint": "^17.0.2",
+    "del-cli": "^5.1.0",
+    "eslint": "^8.51.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
+    "jest": "^29.7.0",
+    "prettier": "^3.0.3",
+    "react": "18.3.1",
+    "react-native": "0.75.4",
+    "react-native-builder-bob": "^0.30.2",
+    "release-it": "^15.0.0",
+    "turbo": "^1.10.7",
+    "typescript": "^5.2.2"
+  },
+  "resolutions": {
+    "@types/react": "^18.2.44"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.6.1",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular"
+      }
+    }
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@react-native",
+      "prettier"
+    ],
+    "rules": {
+      "react/react-in-jsx-scope": "off",
+      "prettier/prettier": [
+        "error",
+        {
+          "quoteProps": "consistent",
+          "singleQuote": true,
+          "tabWidth": 2,
+          "trailingComma": "es5",
+          "useTabs": false
+        }
+      ]
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "commonjs",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json",
+          "esm": true
+        }
+      ]
+    ]
+  },
+  "create-react-native-library": {
+    "type": "view-legacy",
+    "languages": "kotlin-swift",
+    "version": "0.41.2"
+  }
+}

package/react-native-spalla-player.podspec

@@ -0,0 +1,44 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
+
+Pod::Spec.new do |s|
+  s.name         = "react-native-spalla-player"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => min_ios_version_supported }
+  s.source       = { :git => "https://github.com/taghos/framework-sdk-spalla-react-native.git", :tag => "#{s.version}" }
+
+  s.source_files = "ios/**/*.{h,m,mm,swift}"
+
+  s.dependency "SpallaSDK", "~> 0.7.4"
+
+  # Use install_modules_dependencies helper to install the dependencies if React Native version >=0.71.0.
+  # See https://github.com/facebook/react-native/blob/febf6b7f33fdb4904669f99d795eba4c0f95d7bf/scripts/cocoapods/new_architecture.rb#L79.
+  if respond_to?(:install_modules_dependencies, true)
+    install_modules_dependencies(s)
+  else
+    s.dependency "React-Core"
+
+    # Don't install the dependencies when we run `pod install` in the old architecture.
+    if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
+      s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
+      s.pod_target_xcconfig    = {
+          "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
+          "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
+          "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
+      }
+      s.dependency "React-RCTFabric"
+      s.dependency "React-Codegen"
+      s.dependency "RCT-Folly"
+      s.dependency "RCTRequired"
+      s.dependency "RCTTypeSafety"
+      s.dependency "ReactCommon/turbomodule/core"
+    end
+  end
+end

package/src/index.tsx

@@ -0,0 +1,107 @@
+import React from 'react';
+import {
+  requireNativeComponent,
+  type ViewStyle,
+  NativeModules,
+  findNodeHandle,
+} from 'react-native';
+
+interface RNSpallaPlayerProps {
+  children?: React.ReactNode;
+  style?: ViewStyle;
+  ref?: (ref: any) => void;
+}
+
+const RNSpallaPlayer =
+  requireNativeComponent<RNSpallaPlayerProps>('RNSpallaPlayer');
+
+const RNSpallaPlayerModule = NativeModules.RNSpallaPlayer;
+
+interface PlayerEventTimeUpdate {
+  event: 'timeUpdate';
+  time: number;
+}
+
+interface PlayerEventDurationUpdate {
+  event: 'durationUpdate';
+  duration: number;
+}
+
+interface PlayerEvent {
+  event:
+    | 'play'
+    | 'pause'
+    | 'ended'
+    | 'muted'
+    | 'unmuted'
+    | 'buffering'
+    | 'playing';
+}
+
+interface Props {
+  style?: ViewStyle;
+  children?: React.ReactNode;
+  hideUI?: boolean;
+  contentId: string;
+  muted?: boolean;
+  autoplay?: boolean;
+  onPlayerEvent?: (event: {
+    nativeEvent:
+      | PlayerEventTimeUpdate
+      | PlayerEvent
+      | PlayerEventDurationUpdate;
+  }) => void;
+}
+
+export const play = (ref: any) => {
+  const handle = findNodeHandle(ref);
+  RNSpallaPlayerModule.play(handle);
+};
+
+export const pause = (ref: any) => {
+  const handle = findNodeHandle(ref);
+  RNSpallaPlayerModule.pause(handle);
+};
+
+export const seekTo = (ref: any, time: number) => {
+  const handle = findNodeHandle(ref);
+  RNSpallaPlayerModule.seekTo(handle, time);
+};
+
+//export default SpallaPlayer;
+
+class SpallaPlayer extends React.Component<Props> {
+  _player = null;
+
+  _setRef = (ref: any) => {
+    this._player = ref;
+  };
+
+  render() {
+    const { style } = this.props;
+
+    //const {maxHeight} = this.state;
+
+    return (
+      <RNSpallaPlayer {...this.props} ref={this._setRef} style={style}>
+        {this.props.children}
+      </RNSpallaPlayer>
+    );
+  }
+
+  play = () => {
+    const handle = findNodeHandle(this._player);
+    RNSpallaPlayerModule.play(handle);
+  };
+
+  pause = () => {
+    const handle = findNodeHandle(this._player);
+    RNSpallaPlayerModule.pause(handle);
+  };
+}
+
+export const initialize = (token: String, applicationId: String | null) => {
+  RNSpallaPlayerModule.initialize(token, applicationId);
+};
+
+export default SpallaPlayer;