expo-mpv 0.1.0

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "expo-mpv",
+  "version": "0.1.0",
+  "description": "My new module",
+  "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:ios": "xed example/ios",
+    "open:android": "open -a \"Android Studio\" example/android"
+  },
+  "keywords": [
+    "react-native",
+    "expo",
+    "expo-mpv",
+    "ExpoMpv"
+  ],
+  "repository": "https://github.com/lonzzi/expo-mpv",
+  "bugs": {
+    "url": "https://github.com/lonzzi/expo-mpv/issues"
+  },
+  "author": "lonzzi <lonzzi@qq.com> (https://github.com/lonzzi)",
+  "license": "MIT",
+  "homepage": "https://github.com/lonzzi/expo-mpv#readme",
+  "dependencies": {},
+  "devDependencies": {
+    "@types/react": "~19.1.1",
+    "expo-module-scripts": "^55.0.2",
+    "expo": "^55.0.11",
+    "react-native": "0.83.4"
+  },
+  "peerDependencies": {
+    "expo": "*",
+    "react": "*",
+    "react-native": "*"
+  }
+}

package/src/ExpoMpv.types.ts

@@ -0,0 +1,145 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+
+// MARK: - Event Payloads
+
+export type PlaybackStateChangeEvent = {
+  state: 'playing' | 'paused' | 'stopped';
+  isPlaying: boolean;
+};
+
+export type ProgressEvent = {
+  position: number;
+  duration: number;
+  bufferedDuration: number;
+};
+
+export type LoadEvent = {
+  duration: number;
+  width: number;
+  height: number;
+};
+
+export type ErrorEvent = {
+  error: string;
+};
+
+export type EndEvent = {
+  reason: 'ended' | 'error' | 'stopped' | 'unknown';
+};
+
+export type BufferEvent = {
+  isBuffering: boolean;
+};
+
+export type SeekEvent = {};
+
+export type VolumeChangeEvent = {
+  volume: number;
+  muted: boolean;
+};
+
+export type PlaybackInfo = {
+  position: number;
+  duration: number;
+  isPlaying: boolean;
+  speed: number;
+  volume: number;
+  muted: boolean;
+};
+
+// MARK: - Module Events (non-view)
+
+export type ExpoMpvModuleEvents = {};
+
+// MARK: - View Props
+
+export type ExpoMpvViewProps = {
+  /**
+   * Media source URL to play. Can be a remote URL or a local file path.
+   */
+  source?: string;
+
+  /**
+   * Whether playback is paused.
+   */
+  paused?: boolean;
+
+  /**
+   * Playback speed multiplier. Default is 1.0.
+   */
+  speed?: number;
+
+  /**
+   * Volume level (0-100). Default is 100.
+   */
+  volume?: number;
+
+  /**
+   * Whether audio is muted.
+   */
+  muted?: boolean;
+
+  /**
+   * Whether to loop the current file.
+   */
+  loop?: boolean;
+
+  /**
+   * Called when playback state changes (play/pause).
+   */
+  onPlaybackStateChange?: (event: { nativeEvent: PlaybackStateChangeEvent }) => void;
+
+  /**
+   * Called periodically with current playback progress.
+   */
+  onProgress?: (event: { nativeEvent: ProgressEvent }) => void;
+
+  /**
+   * Called when a media file has been loaded and is ready to play.
+   */
+  onLoad?: (event: { nativeEvent: LoadEvent }) => void;
+
+  /**
+   * Called when an error occurs.
+   */
+  onError?: (event: { nativeEvent: ErrorEvent }) => void;
+
+  /**
+   * Called when playback reaches the end.
+   */
+  onEnd?: (event: { nativeEvent: EndEvent }) => void;
+
+  /**
+   * Called when buffering state changes.
+   */
+  onBuffer?: (event: { nativeEvent: BufferEvent }) => void;
+
+  /**
+   * Called when a seek operation completes.
+   */
+  onSeek?: (event: { nativeEvent: SeekEvent }) => void;
+
+  /**
+   * Called when volume or mute state changes.
+   */
+  onVolumeChange?: (event: { nativeEvent: VolumeChangeEvent }) => void;
+
+  style?: StyleProp<ViewStyle>;
+};
+
+// MARK: - View Ref Methods
+
+export type ExpoMpvViewRef = {
+  play: () => Promise<void>;
+  pause: () => Promise<void>;
+  togglePlay: () => Promise<void>;
+  stop: () => Promise<void>;
+  seekTo: (position: number) => Promise<void>;
+  seekBy: (offset: number) => Promise<void>;
+  setSpeed: (speed: number) => Promise<void>;
+  setVolume: (volume: number) => Promise<void>;
+  setMuted: (muted: boolean) => Promise<void>;
+  setSubtitleTrack: (trackId: number) => Promise<void>;
+  setAudioTrack: (trackId: number) => Promise<void>;
+  getPlaybackInfo: () => Promise<PlaybackInfo>;
+};

package/src/ExpoMpvModule.ts

@@ -0,0 +1,8 @@
+import { NativeModule, requireNativeModule } from 'expo';
+
+import { ExpoMpvModuleEvents } from './ExpoMpv.types';
+
+declare class ExpoMpvModule extends NativeModule<ExpoMpvModuleEvents> {}
+
+// This call loads the native module object from the JSI.
+export default requireNativeModule<ExpoMpvModule>('ExpoMpv');

package/src/ExpoMpvView.tsx

@@ -0,0 +1,33 @@
+import { requireNativeView } from 'expo';
+import * as React from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
+
+import { ExpoMpvViewProps, ExpoMpvViewRef } from './ExpoMpv.types';
+
+const NativeView: React.ComponentType<ExpoMpvViewProps & { ref?: React.Ref<any> }> =
+  requireNativeView('ExpoMpv');
+
+const ExpoMpvView = forwardRef<ExpoMpvViewRef, ExpoMpvViewProps>((props, ref) => {
+  const nativeRef = useRef<any>(null);
+
+  useImperativeHandle(ref, () => ({
+    play: () => nativeRef.current?.play(),
+    pause: () => nativeRef.current?.pause(),
+    togglePlay: () => nativeRef.current?.togglePlay(),
+    stop: () => nativeRef.current?.stop(),
+    seekTo: (position: number) => nativeRef.current?.seekTo(position),
+    seekBy: (offset: number) => nativeRef.current?.seekBy(offset),
+    setSpeed: (speed: number) => nativeRef.current?.setSpeed(speed),
+    setVolume: (volume: number) => nativeRef.current?.setVolume(volume),
+    setMuted: (muted: boolean) => nativeRef.current?.setMuted(muted),
+    setSubtitleTrack: (trackId: number) => nativeRef.current?.setSubtitleTrack(trackId),
+    setAudioTrack: (trackId: number) => nativeRef.current?.setAudioTrack(trackId),
+    getPlaybackInfo: () => nativeRef.current?.getPlaybackInfo(),
+  }));
+
+  return <NativeView ref={nativeRef} {...props} />;
+});
+
+ExpoMpvView.displayName = 'ExpoMpvView';
+
+export default ExpoMpvView;

package/src/index.ts

@@ -0,0 +1,5 @@
+// Reexport the native module. On web, it will be resolved to ExpoMpvModule.web.ts
+// and on native platforms to ExpoMpvModule.ts
+export { default } from './ExpoMpvModule';
+export { default as ExpoMpvView } from './ExpoMpvView';
+export * from './ExpoMpv.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__/*"]
+}