expo-libmpv 0.1.0

package/android/src/main/java/com/libmpv/LibmpvWrapper.kt

@@ -0,0 +1,276 @@
+package com.libmpv
+
+import android.content.Context
+import android.util.Log
+import android.view.SurfaceView
+import dev.jdtech.mpv.MPVLib
+import java.io.File
+import java.io.FileOutputStream
+import java.io.InputStream
+import java.io.OutputStream
+
+class LibmpvWrapper(private val applicationContext: Context) {
+    companion object {
+        private const val TAG = "react-native-libmpv"
+        private var swallow = true
+    }
+
+    private var created = false
+    private var isPlaying = false
+    private var hasPlayedOnce = false
+    private var eventObserver: MPVLib.EventObserver? = null
+    private var logObserver: MPVLib.LogObserver? = null
+    private var mpvDirectory: String? = null
+    private var surfaceWidth: Int = -1
+    private var surfaceHeight: Int = -1
+    private var surfaceView: SurfaceView? = null
+    private val mpv: MPVLib = MPVLib()
+
+    fun create(): Boolean {
+        mpv.create(applicationContext)
+        createMpvDirectory()
+        created = true
+        return true
+    }
+
+    fun isCreated(): Boolean = created
+    fun isPlaying(): Boolean = isPlaying
+    fun hasPlayedOnce(): Boolean = hasPlayedOnce
+    fun getMpvDirectoryPath(): String? = mpvDirectory
+
+    private fun createMpvDirectory() {
+        val mpvDir = File(applicationContext.getExternalFilesDir("mpv"), "mpv")
+        try {
+            mpvDirectory = mpvDir.absolutePath
+            if (!mpvDir.exists() && !mpvDir.mkdirs()) {
+                Log.e(TAG, "exception", IllegalArgumentException("Unable to create $mpvDir"))
+                return
+            }
+
+            // Copy font
+            val mpvFontPath = "${mpvDir}/subfont.ttf"
+            applicationContext.assets.open("subfont.ttf").use { subfontIn ->
+                FileOutputStream(mpvFontPath).use { fontOut ->
+                    subfontIn.copyTo(fontOut)
+                }
+            }
+
+            // Copy conf
+            val mpvConfPath = "${mpvDir}/mpv.conf"
+            applicationContext.assets.open("mpv.conf").use { mpvConfIn ->
+                FileOutputStream(mpvConfPath).use { confOut ->
+                    mpvConfIn.copyTo(confOut)
+                }
+            }
+        } catch (e: Exception) {
+            Log.e(TAG, "Unable to create the directory $mpvDir", e)
+        }
+    }
+
+    private fun logException(exception: Exception) {
+        try {
+            val message: String = (exception.message as? String) ?: "Unable to read error message"
+            logObserver?.logMessage("RNLE", 20, message)
+        } catch (e: Exception) {
+            if (!swallow) throw e
+        }
+    }
+
+    fun addEventObserver(observer: MPVLib.EventObserver) {
+        try {
+            if (!created) return
+            mpv.removeObservers()
+            eventObserver = observer
+            mpv.addObserver(eventObserver)
+            mpv.observeProperty("demuxer-cache-time", MPVLib.MPV_FORMAT_INT64)
+            mpv.observeProperty("duration", MPVLib.MPV_FORMAT_INT64)
+            mpv.observeProperty("eof-reached", MPVLib.MPV_FORMAT_FLAG)
+            mpv.observeProperty("paused-for-cache", MPVLib.MPV_FORMAT_FLAG)
+            mpv.observeProperty("seekable", MPVLib.MPV_FORMAT_FLAG)
+            mpv.observeProperty("speed", MPVLib.MPV_FORMAT_DOUBLE)
+            mpv.observeProperty("time-pos", MPVLib.MPV_FORMAT_INT64)
+            mpv.observeProperty("track-list", MPVLib.MPV_FORMAT_STRING)
+        } catch (e: Exception) {
+            logException(e)
+            if (!swallow) throw e
+        }
+    }
+
+    fun addLogObserver(observer: MPVLib.LogObserver) {
+        try {
+            if (!created) return
+            mpv.removeLogObservers()
+            logObserver = observer
+            mpv.addLogObserver(logObserver)
+        } catch (e: Exception) {
+            logException(e)
+            if (!swallow) throw e
+        }
+    }
+
+    fun setOptionString(option: String, setting: String) {
+        try {
+            if (created) mpv.setOptionString(option, setting)
+        } catch (e: Exception) {
+            logException(e)
+            if (!swallow) throw e
+        }
+    }
+
+    fun setPropertyString(property: String, setting: String) {
+        try {
+            if (created) mpv.setPropertyString(property, setting)
+        } catch (e: Exception) {
+            logException(e)
+            if (!swallow) throw e
+        }
+    }
+
+    fun init() {
+        try {
+            if (created) mpv.init()
+        } catch (e: Exception) {
+            logException(e)
+            if (!swallow) throw e
+        }
+    }
+
+    fun command(orders: Array<String>) {
+        try {
+            if (created) mpv.command(orders)
+        } catch (e: Exception) {
+            logException(e)
+            if (!swallow) throw e
+        }
+    }
+
+    fun attachSurface(surfaceView: SurfaceView) {
+        try {
+            if (created) {
+                this.surfaceView = surfaceView
+                applySurfaceDimensions()
+                mpv.attachSurface(surfaceView.holder.surface)
+            }
+        } catch (e: Exception) {
+            logException(e)
+            if (!swallow) throw e
+        }
+    }
+
+    fun play(url: String, options: String? = null) {
+        if (!isPlaying) {
+            if (options == null) {
+                command(arrayOf("loadfile", url))
+            } else {
+                command(arrayOf("loadfile", url, "replace", "0", options))
+            }
+            command(arrayOf("set", "pause", "no"))
+            hasPlayedOnce = true
+            isPlaying = true
+        }
+    }
+
+    fun pauseOrUnpause() {
+        if (!hasPlayedOnce) return
+        if (isPlaying) pause() else unpause()
+    }
+
+    fun pause() {
+        if (!hasPlayedOnce) return
+        if (isPlaying) {
+            command(arrayOf("set", "pause", "yes"))
+            isPlaying = false
+        }
+    }
+
+    fun unpause() {
+        if (!hasPlayedOnce) return
+        if (!isPlaying) {
+            command(arrayOf("set", "pause", "no"))
+            isPlaying = true
+        }
+    }
+
+    fun seekToSeconds(seconds: Int) {
+        if (created) {
+            command(arrayOf("seek", seconds.toString(), "absolute"))
+        }
+    }
+
+    private fun applySurfaceDimensions() {
+        if (surfaceHeight != -1 && surfaceWidth != -1 && surfaceView != null) {
+            surfaceView?.holder?.setFixedSize(surfaceWidth, surfaceHeight)
+        }
+    }
+
+    fun setSurfaceWidth(width: Int) {
+        surfaceWidth = width
+        applySurfaceDimensions()
+    }
+
+    fun setSurfaceHeight(height: Int) {
+        surfaceHeight = height
+        applySurfaceDimensions()
+    }
+
+    fun detachSurface() {
+        try {
+            mpv.detachSurface()
+        } catch (e: Exception) {
+            logException(e)
+            if (!swallow) throw e
+        }
+    }
+
+    fun destroy() {
+        try {
+            mpv.removeObservers()
+        } catch (e: Exception) {
+            logException(e)
+            if (!swallow) throw e
+        }
+        try {
+            mpv.removeLogObservers()
+        } catch (e: Exception) {
+            if (!swallow) throw e
+        }
+        try {
+            mpv.destroy()
+            created = false
+        } catch (e: Exception) {
+            logException(e)
+            if (!swallow) throw e
+        }
+    }
+
+    fun cleanup() {
+        if (created) {
+            try {
+                pause()
+                setPropertyString("vo", "null")
+                setPropertyString("ao", "null")
+            } catch (e: Exception) {
+                logException(e)
+                if (!swallow) throw e
+            }
+            try {
+                setOptionString("force-window", "no")
+            } catch (e: Exception) {
+                logException(e)
+                if (!swallow) throw e
+            }
+            try {
+                detachSurface()
+            } catch (e: Exception) {
+                logException(e)
+                if (!swallow) throw e
+            }
+            try {
+                destroy()
+            } catch (e: Exception) {
+                logException(e)
+                if (!swallow) throw e
+            }
+        }
+    }
+}

package/app.json

@@ -0,0 +1,14 @@
+{
+    "expo": {
+        "plugins": [
+            [
+                "expo-build-properties",
+                {
+                    "android": {
+                        "minSdkVersion": 26
+                    }
+                }
+            ]
+        ]
+    }
+}

package/build/LibmpvVideo.types.d.ts

@@ -0,0 +1,15 @@
+export type LibmpvVideoViewProps = {
+    ref: any;
+    style: any;
+    playUrl: string;
+    isPlaying: boolean;
+    useHardwareDecoder: boolean;
+    selectedAudioTrack: number;
+    selectedSubtitleTrack: number;
+    seekToSeconds: number;
+    surfaceWidth: number;
+    surfaceHeight: number;
+    onLibmpvEvent: (libmpvEvent: any) => void;
+    onLibmpvLog: (libmpvLog: any) => void;
+};
+//# sourceMappingURL=LibmpvVideo.types.d.ts.map

package/build/LibmpvVideo.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibmpvVideo.types.d.ts","sourceRoot":"","sources":["../src/LibmpvVideo.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG;IACjC,GAAG,EAAE,GAAG,CAAC;IACT,KAAK,EAAE,GAAG,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,CAAC,WAAW,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1C,WAAW,EAAE,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI,CAAC;CACvC,CAAC"}

package/build/LibmpvVideo.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=LibmpvVideo.types.js.map

package/build/LibmpvVideo.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibmpvVideo.types.js","sourceRoot":"","sources":["../src/LibmpvVideo.types.ts"],"names":[],"mappings":"","sourcesContent":["export type LibmpvVideoViewProps = {\n  ref: any,\n  style: any,\n  playUrl: string,\n  isPlaying: boolean,\n  useHardwareDecoder: boolean,\n  selectedAudioTrack: number,\n  selectedSubtitleTrack: number,\n  seekToSeconds: number,\n  surfaceWidth: number,\n  surfaceHeight: number,\n  onLibmpvEvent: (libmpvEvent: any) => void,\n  onLibmpvLog: (libmpvLog: any) => void,\n};"]}

package/build/LibmpvVideoView.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const LibmpvVideo: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default LibmpvVideo;
+//# sourceMappingURL=LibmpvVideoView.d.ts.map

package/build/LibmpvVideoView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibmpvVideoView.d.ts","sourceRoot":"","sources":["../src/LibmpvVideoView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqC/B,eAAO,MAAM,WAAW,kFAmEtB,CAAA;AAEF,eAAe,WAAW,CAAA"}

package/build/LibmpvVideoView.js

@@ -0,0 +1,84 @@
+import { requireNativeView } from 'expo';
+import * as React from 'react';
+const styles = {
+    videoPlayer: {
+        position: "absolute",
+        left: 0,
+        bottom: 0,
+        right: 0,
+        top: 0
+    }
+};
+const EVENT_LOOKUP = {
+    0: 'NONE',
+    1: 'SHUTDOWN',
+    2: 'LOG_MESSAGE',
+    3: 'GET_PROPERTY_REPLY',
+    4: 'SET_PROPERTY_REPLY',
+    5: 'COMMAND_REPLY',
+    6: 'START_FILE',
+    7: 'END_FILE',
+    8: 'FILE_LOADED',
+    16: 'CLIENT_MESSAGE',
+    17: 'VIDEO_RECONFIG',
+    18: 'AUDIO_RECONFIG',
+    20: 'SEEK',
+    21: 'PLAYBACK_RESTART',
+    22: 'PROPERTY_CHANGE',
+    24: 'QUEUE_OVERFLOW',
+    25: 'HOOK'
+};
+const LibmpvVideoView = requireNativeView('LibmpvVideo');
+export const LibmpvVideo = React.forwardRef((props, parentRef) => {
+    const nativeRef = React.useRef(null);
+    // Pass mpv events and logs back up to the parent
+    const onLogEvent = (libmpvEvent) => {
+        if (props.onLibmpvEvent) {
+            if (libmpvEvent && libmpvEvent.nativeEvent) {
+                libmpvEvent = libmpvEvent.nativeEvent;
+            }
+            if (libmpvEvent.eventId) {
+                libmpvEvent.value = parseInt(libmpvEvent.eventId, 10);
+                libmpvEvent.eventKind = EVENT_LOOKUP[libmpvEvent.eventId];
+            }
+            else if (libmpvEvent.kind === 'long' || libmpvEvent.kind === 'double') {
+                libmpvEvent.value = Number(libmpvEvent.value);
+            }
+            else if (libmpvEvent.kind === 'boolean') {
+                libmpvEvent.value = libmpvEvent.value === 'true';
+            }
+            return props.onLibmpvEvent(libmpvEvent);
+        }
+    };
+    const onLibmpvLog = (libmpvLog) => {
+        if (props.onLibmpvLog) {
+            if (libmpvLog && libmpvLog.nativeEvent) {
+                libmpvLog = libmpvLog.nativeEvent;
+            }
+            return props.onLibmpvLog(libmpvLog);
+        }
+    };
+    // Allow a parent to call native methods, such as tweaking subtitle properties
+    const callNativeMethod = (target) => {
+        return (pipeDelimitedArguments) => {
+            if (nativeRef.current) {
+                if (target === 'runCommand') {
+                    nativeRef.current.runCommand(pipeDelimitedArguments);
+                }
+                else if (target === 'setOptionString') {
+                    nativeRef.current.setOptionString(pipeDelimitedArguments);
+                }
+            }
+        };
+    };
+    React.useImperativeHandle(parentRef, () => ({
+        runCommand: callNativeMethod("runCommand"),
+        setOptionString: callNativeMethod("setOptionString")
+    }));
+    // The order props are handled in the native code is non-deterministic
+    // Each native prop setter checks to see if all required props are set
+    // Only then will it try to create an instance of mpv
+    return <LibmpvVideoView ref={nativeRef} style={props.surfaceStyle ? props.surfaceStyle : styles.videoPlayer} playUrl={props.playUrl} isPlaying={props.isPlaying} useHardwareDecoder={props.useHardwareDecoder} surfaceWidth={props.surfaceWidth} surfaceHeight={props.surfaceHeight} selectedAudioTrack={props.selectedAudioTrack} selectedSubtitleTrack={props.selectedSubtitleTrack} seekToSeconds={props.seekToSeconds} onLibmpvEvent={onLogEvent} onLibmpvLog={onLibmpvLog}/>;
+});
+export default LibmpvVideo;
+//# sourceMappingURL=LibmpvVideoView.js.map

package/build/LibmpvVideoView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibmpvVideoView.js","sourceRoot":"","sources":["../src/LibmpvVideoView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { requireNativeView } from 'expo';\nimport * as React from 'react';\n\nimport { LibmpvVideoViewProps } from './LibmpvVideo.types';\n\nconst styles: any = {\n  videoPlayer: {\n    position: \"absolute\",\n    left: 0,\n    bottom: 0,\n    right: 0,\n    top: 0\n  }\n};\n\nconst EVENT_LOOKUP: any = {\n  0: 'NONE',\n  1: 'SHUTDOWN',\n  2: 'LOG_MESSAGE',\n  3: 'GET_PROPERTY_REPLY',\n  4: 'SET_PROPERTY_REPLY',\n  5: 'COMMAND_REPLY',\n  6: 'START_FILE',\n  7: 'END_FILE',\n  8: 'FILE_LOADED',\n  16: 'CLIENT_MESSAGE',\n  17: 'VIDEO_RECONFIG',\n  18: 'AUDIO_RECONFIG',\n  20: 'SEEK',\n  21: 'PLAYBACK_RESTART',\n  22: 'PROPERTY_CHANGE',\n  24: 'QUEUE_OVERFLOW',\n  25: 'HOOK'\n}\n\nconst LibmpvVideoView: React.ComponentType<LibmpvVideoViewProps> =\n  requireNativeView('LibmpvVideo');\n\nexport const LibmpvVideo = React.forwardRef((props: any, parentRef: any) => {\n  const nativeRef = React.useRef<any>(null);\n\n  // Pass mpv events and logs back up to the parent\n  const onLogEvent = (libmpvEvent: any) => {\n    if (props.onLibmpvEvent) {\n      if (libmpvEvent && libmpvEvent.nativeEvent) {\n        libmpvEvent = libmpvEvent.nativeEvent\n      }\n      if (libmpvEvent.eventId) {\n        libmpvEvent.value = parseInt(libmpvEvent.eventId, 10)\n        libmpvEvent.eventKind = EVENT_LOOKUP[libmpvEvent.eventId]\n      }\n      else if (libmpvEvent.kind === 'long' || libmpvEvent.kind === 'double') {\n        libmpvEvent.value = Number(libmpvEvent.value)\n      }\n      else if (libmpvEvent.kind === 'boolean') {\n        libmpvEvent.value = libmpvEvent.value === 'true'\n      }\n      return props.onLibmpvEvent(libmpvEvent)\n    }\n  }\n  const onLibmpvLog = (libmpvLog: any) => {\n    if (props.onLibmpvLog) {\n      if (libmpvLog && libmpvLog.nativeEvent) {\n        libmpvLog = libmpvLog.nativeEvent\n      }\n      return props.onLibmpvLog(libmpvLog);\n    }\n  }\n\n  // Allow a parent to call native methods, such as tweaking subtitle properties\n  const callNativeMethod = (target: string) => {\n    return (pipeDelimitedArguments: string) => {\n      if (nativeRef.current) {\n        if (target === 'runCommand') {\n          nativeRef.current.runCommand(pipeDelimitedArguments)\n        }\n        else if (target === 'setOptionString') {\n          nativeRef.current.setOptionString(pipeDelimitedArguments)\n        }\n      }\n    }\n  }\n  React.useImperativeHandle(parentRef, () => ({\n    runCommand: callNativeMethod(\"runCommand\"),\n    setOptionString: callNativeMethod(\"setOptionString\")\n  }));\n\n\n  // The order props are handled in the native code is non-deterministic\n  // Each native prop setter checks to see if all required props are set\n  // Only then will it try to create an instance of mpv\n  return <LibmpvVideoView\n    ref={nativeRef}\n    style={props.surfaceStyle ? props.surfaceStyle : styles.videoPlayer}\n    playUrl={props.playUrl}\n    isPlaying={props.isPlaying}\n    useHardwareDecoder={props.useHardwareDecoder}\n    surfaceWidth={props.surfaceWidth}\n    surfaceHeight={props.surfaceHeight}\n    selectedAudioTrack={props.selectedAudioTrack}\n    selectedSubtitleTrack={props.selectedSubtitleTrack}\n    seekToSeconds={props.seekToSeconds}\n    onLibmpvEvent={onLogEvent}\n    onLibmpvLog={onLibmpvLog}\n  />\n})\n\nexport default LibmpvVideo\n"]}

package/build/index.d.ts

@@ -0,0 +1,3 @@
+export { default as LibmpvVideo } from './LibmpvVideoView';
+export * from './LibmpvVideo.types';
+//# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,cAAc,qBAAqB,CAAC"}

package/build/index.js

@@ -0,0 +1,3 @@
+export { default as LibmpvVideo } from './LibmpvVideoView';
+export * from './LibmpvVideo.types';
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,cAAc,qBAAqB,CAAC","sourcesContent":["export { default as LibmpvVideo } from './LibmpvVideoView';\nexport * from './LibmpvVideo.types';\n"]}

package/expo-module.config.json

@@ -0,0 +1,10 @@
+{
+  "platforms": [
+    "android"
+  ],
+  "android": {
+    "modules": [
+      "com.libmpv.LibmpvVideoModule"
+    ]
+  }
+}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "expo-libmpv",
+  "version": "0.1.0",
+  "description": "A libmpv native component for Android",
+  "main": "build/index.js",
+  "types": "build/index.d.ts",
+  "scripts": {
+    "build": "expo-module build",
+    "clean": "expo-module clean",
+    "lint": "expo-module lint",
+    "test": "expo-module test",
+    "prepare": "expo-module prepare",
+    "prepublishOnly": "expo-module prepublishOnly",
+    "expo-module": "expo-module",
+    "open:android": "open -a \"Android Studio\" example/android"
+  },
+  "keywords": [
+    "react-native",
+    "expo",
+    "expo-libmpv",
+    "LibmpvVideo"
+  ],
+  "repository": "https://github.com/XBigTK13X/expo-libmpv",
+  "bugs": {
+    "url": "https://github.com/XBigTK13X/expo-libmpv/issues"
+  },
+  "author": "XBigTK13X <xbigtk13x@gmail.com> (https://github.com/XBigTK13X)",
+  "license": "MIT",
+  "homepage": "https://github.com/XBigTK13X/expo-libmpv#readme",
+  "dependencies": {
+    "expo-build-properties": "^0.14.8",
+    "expo-screen-orientation": "^8.1.7"
+  },
+  "devDependencies": {
+    "@types/react": "~19.0.0",
+    "expo": "~53.0.0",
+    "expo-module-scripts": "^4.1.10",
+    "react-native": "0.79.1"
+  },
+  "peerDependencies": {
+    "expo": "*",
+    "react": "*",
+    "react-native": "*"
+  }
+}

package/script/clean.sh

@@ -0,0 +1,13 @@
+#! /bin/bash
+
+rm -rf build
+rm -rf android/build
+rm -rf node_modules
+cd example
+rm -rf android/build
+rm -rf node_modules
+cd ..
+npx yarn install
+cd example
+npx yarn install
+

package/script/develop.sh

@@ -0,0 +1,5 @@
+#! /bin/bash
+
+cd example
+
+npx expo run:android

package/src/LibmpvVideo.types.ts

@@ -0,0 +1,14 @@
+export type LibmpvVideoViewProps = {
+  ref: any,
+  style: any,
+  playUrl: string,
+  isPlaying: boolean,
+  useHardwareDecoder: boolean,
+  selectedAudioTrack: number,
+  selectedSubtitleTrack: number,
+  seekToSeconds: number,
+  surfaceWidth: number,
+  surfaceHeight: number,
+  onLibmpvEvent: (libmpvEvent: any) => void,
+  onLibmpvLog: (libmpvLog: any) => void,
+};

package/src/LibmpvVideoView.tsx

@@ -0,0 +1,108 @@
+import { requireNativeView } from 'expo';
+import * as React from 'react';
+
+import { LibmpvVideoViewProps } from './LibmpvVideo.types';
+
+const styles: any = {
+  videoPlayer: {
+    position: "absolute",
+    left: 0,
+    bottom: 0,
+    right: 0,
+    top: 0
+  }
+};
+
+const EVENT_LOOKUP: any = {
+  0: 'NONE',
+  1: 'SHUTDOWN',
+  2: 'LOG_MESSAGE',
+  3: 'GET_PROPERTY_REPLY',
+  4: 'SET_PROPERTY_REPLY',
+  5: 'COMMAND_REPLY',
+  6: 'START_FILE',
+  7: 'END_FILE',
+  8: 'FILE_LOADED',
+  16: 'CLIENT_MESSAGE',
+  17: 'VIDEO_RECONFIG',
+  18: 'AUDIO_RECONFIG',
+  20: 'SEEK',
+  21: 'PLAYBACK_RESTART',
+  22: 'PROPERTY_CHANGE',
+  24: 'QUEUE_OVERFLOW',
+  25: 'HOOK'
+}
+
+const LibmpvVideoView: React.ComponentType<LibmpvVideoViewProps> =
+  requireNativeView('LibmpvVideo');
+
+export const LibmpvVideo = React.forwardRef((props: any, parentRef: any) => {
+  const nativeRef = React.useRef<any>(null);
+
+  // Pass mpv events and logs back up to the parent
+  const onLogEvent = (libmpvEvent: any) => {
+    if (props.onLibmpvEvent) {
+      if (libmpvEvent && libmpvEvent.nativeEvent) {
+        libmpvEvent = libmpvEvent.nativeEvent
+      }
+      if (libmpvEvent.eventId) {
+        libmpvEvent.value = parseInt(libmpvEvent.eventId, 10)
+        libmpvEvent.eventKind = EVENT_LOOKUP[libmpvEvent.eventId]
+      }
+      else if (libmpvEvent.kind === 'long' || libmpvEvent.kind === 'double') {
+        libmpvEvent.value = Number(libmpvEvent.value)
+      }
+      else if (libmpvEvent.kind === 'boolean') {
+        libmpvEvent.value = libmpvEvent.value === 'true'
+      }
+      return props.onLibmpvEvent(libmpvEvent)
+    }
+  }
+  const onLibmpvLog = (libmpvLog: any) => {
+    if (props.onLibmpvLog) {
+      if (libmpvLog && libmpvLog.nativeEvent) {
+        libmpvLog = libmpvLog.nativeEvent
+      }
+      return props.onLibmpvLog(libmpvLog);
+    }
+  }
+
+  // Allow a parent to call native methods, such as tweaking subtitle properties
+  const callNativeMethod = (target: string) => {
+    return (pipeDelimitedArguments: string) => {
+      if (nativeRef.current) {
+        if (target === 'runCommand') {
+          nativeRef.current.runCommand(pipeDelimitedArguments)
+        }
+        else if (target === 'setOptionString') {
+          nativeRef.current.setOptionString(pipeDelimitedArguments)
+        }
+      }
+    }
+  }
+  React.useImperativeHandle(parentRef, () => ({
+    runCommand: callNativeMethod("runCommand"),
+    setOptionString: callNativeMethod("setOptionString")
+  }));
+
+
+  // The order props are handled in the native code is non-deterministic
+  // Each native prop setter checks to see if all required props are set
+  // Only then will it try to create an instance of mpv
+  return <LibmpvVideoView
+    ref={nativeRef}
+    style={props.surfaceStyle ? props.surfaceStyle : styles.videoPlayer}
+    playUrl={props.playUrl}
+    isPlaying={props.isPlaying}
+    useHardwareDecoder={props.useHardwareDecoder}
+    surfaceWidth={props.surfaceWidth}
+    surfaceHeight={props.surfaceHeight}
+    selectedAudioTrack={props.selectedAudioTrack}
+    selectedSubtitleTrack={props.selectedSubtitleTrack}
+    seekToSeconds={props.seekToSeconds}
+    onLibmpvEvent={onLogEvent}
+    onLibmpvLog={onLibmpvLog}
+  />
+})
+
+export default LibmpvVideo

package/src/index.ts

@@ -0,0 +1,2 @@
+export { default as LibmpvVideo } from './LibmpvVideoView';
+export * from './LibmpvVideo.types';

package/tsconfig.json

@@ -0,0 +1,9 @@
+// @generated by expo-module-scripts
+{
+  "extends": "expo-module-scripts/tsconfig.base",
+  "compilerOptions": {
+    "outDir": "./build"
+  },
+  "include": ["./src"],
+  "exclude": ["**/__mocks__/*", "**/__tests__/*", "**/__rsc_tests__/*"]
+}