@umituz/react-native-video-editor 1.0.12 → 1.0.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-video-editor",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "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/presentation/components/VideoPlayer.tsx

@@ -128,12 +128,20 @@ export const VideoPlayer: React.FC<VideoPlayerProps> = ({
       hasPlayer: !!player,
       source,
     });
+    // eslint-disable-next-line no-console
+    console.log("[VideoPlayer] dimensions:", {
+      screenWidth,
+      horizontalPadding,
+      videoWidth,
+      videoHeight,
+      styleWidth: getWidthFromStyle(style as ViewStyle),
+    });
   }
 
   if (showVideo && state.isPlayerValid && player) {
     if (typeof __DEV__ !== "undefined" && __DEV__) {
       // eslint-disable-next-line no-console
-      console.log("[VideoPlayer] Rendering VideoView");
+      console.log("[VideoPlayer] Rendering VideoView with dimensions:", { videoWidth, videoHeight });
     }
     return (
       <View style={[containerStyle, style]}>

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

@@ -3,7 +3,7 @@
  * Main hook for video player control with safe operations
  */
 
-import { useState, useCallback, useMemo } from "react";
+import { useState, useCallback, useMemo, useEffect } from "react";
 import { useVideoPlayer as useExpoVideoPlayer } from "expo-video";
 
 import type {
@@ -20,6 +20,8 @@ import {
   configurePlayer,
 } from "../../infrastructure/services/player-control.service";
 
+declare const __DEV__: boolean;
+
 /**
  * Hook for managing video player with safe operations
  */
@@ -32,16 +34,55 @@ export const useVideoPlayerControl = (
   const [isLoading, setIsLoading] = useState(true);
 
   const player = useExpoVideoPlayer(source || "", (p) => {
-    console.log("[useVideoPlayerControl] Player callback, source:", source, "player:", !!p);
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      // eslint-disable-next-line no-console
+      console.log("[useVideoPlayerControl] Player callback, source:", source, "player:", !!p);
+    }
     if (source && p) {
       configurePlayer(p, { loop, muted, autoPlay });
       setIsLoading(false);
       if (autoPlay) {
         setIsPlaying(true);
       }
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        // eslint-disable-next-line no-console
+        console.log("[useVideoPlayerControl] Player status:", {
+          currentTime: p.currentTime,
+          duration: p.duration,
+          status: p.status,
+          playing: p.playing,
+          muted: p.muted,
+          volume: p.volume,
+        });
+      }
     }
   });
 
+  // Listen to player status changes and errors
+  useEffect(() => {
+    if (!player) return;
+
+    const subscription = player.addListener("statusChange", ({ status, error }) => {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        // eslint-disable-next-line no-console
+        console.log("[useVideoPlayerControl] Status changed:", status, "Error:", error);
+      }
+      if (status === "readyToPlay") {
+        setIsLoading(false);
+      }
+      if (error) {
+        if (typeof __DEV__ !== "undefined" && __DEV__) {
+          // eslint-disable-next-line no-console
+          console.error("[useVideoPlayerControl] Player error:", error);
+        }
+      }
+    });
+
+    return () => {
+      subscription.remove();
+    };
+  }, [player]);
+
   const isPlayerValid = useMemo(
     () => isPlayerReady(player, source),
     [player, source],