@umituz/react-native-video-editor 1.0.8 → 1.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-video-editor",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "Professional video editor with layer-based timeline, text/image/shape/audio/animation layers, and export functionality",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/player/infrastructure/services/player-control.service.ts

@@ -11,16 +11,16 @@ declare const __DEV__: boolean;
  * Safely play video with error handling
  */
 export const safePlay = (player: VideoPlayer | null): boolean => {
+  console.log("[safePlay] called, player:", !!player);
   if (!player) return false;
 
   try {
+    console.log("[safePlay] calling player.play()");
     player.play();
+    console.log("[safePlay] player.play() called successfully");
     return true;
   } catch (error) {
-    if (typeof __DEV__ !== "undefined" && __DEV__) {
-      // eslint-disable-next-line no-console
-      console.log("[VideoPlayer] Play error ignored:", error);
-    }
+    console.log("[safePlay] Play error:", error);
     return false;
   }
 };

package/src/player/presentation/components/VideoPlayer.tsx

@@ -3,7 +3,7 @@
  * Reusable video player with thumbnail and controls
  */
 
-import React, { useState, useCallback, useMemo } from "react";
+import React, { useState, useCallback, useMemo, useEffect } from "react";
 import {
   View,
   TouchableOpacity,
@@ -33,13 +33,22 @@ export const VideoPlayer: React.FC<VideoPlayerProps> = ({
   const { width } = useWindowDimensions();
   const [showVideo, setShowVideo] = useState(autoPlay);
 
-  const { player, state } = useVideoPlayerControl({
-    source: showVideo ? source : null,
+  // Always pass source to player - control visibility separately
+  const { player, state, controls } = useVideoPlayerControl({
+    source,
     loop,
     muted,
-    autoPlay,
+    autoPlay: false,
   });
 
+  // Auto-play when user clicks play button
+  useEffect(() => {
+    if (showVideo && state.isPlayerValid && player) {
+      console.log("[VideoPlayer] Starting playback...");
+      controls.play();
+    }
+  }, [showVideo, state.isPlayerValid, player, controls]);
+
   const handlePlay = useCallback(() => {
     console.log("[VideoPlayer] handlePlay called, source:", source);
     setShowVideo(true);

package/src/player/presentation/hooks/useVideoPlayerControl.ts

@@ -31,7 +31,8 @@ export const useVideoPlayerControl = (
   const [isPlaying, setIsPlaying] = useState(false);
   const [isLoading, setIsLoading] = useState(true);
 
-  const player = useExpoVideoPlayer(source ?? "", (p) => {
+  const player = useExpoVideoPlayer(source || "", (p) => {
+    console.log("[useVideoPlayerControl] Player callback, source:", source, "player:", !!p);
     if (source && p) {
       configurePlayer(p, { loop, muted, autoPlay });
       setIsLoading(false);