@umituz/react-native-video-editor 1.1.47 → 1.1.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-video-editor",
-  "version": "1.1.47",
+  "version": "1.1.49",
   "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",
@@ -45,6 +45,10 @@
   },
   "devDependencies": {
     "@gorhom/bottom-sheet": "^5.2.8",
+    "@react-navigation/bottom-tabs": "^7.15.5",
+    "@react-navigation/elements": "^2.9.10",
+    "@react-navigation/native": "^7.1.33",
+    "@react-navigation/stack": "^7.8.5",
     "@types/react": "~19.1.10",
     "@types/react-native": "*",
     "@typescript-eslint/eslint-plugin": "*",

package/src/VideoEditor.tsx

@@ -14,7 +14,7 @@ import { useSafeAreaInsets } from "@umituz/react-native-design-system/safe-area"
 import { VideoPlayer } from "./player/presentation/components/VideoPlayer";
 import { VideoFilterPicker } from "./presentation/components/VideoFilterPicker";
 import { SpeedControlPanel } from "./presentation/components/SpeedControlPanel";
-import { FILTER_PRESETS, DEFAULT_FILTER } from "./infrastructure/constants/filter.constants";
+import { DEFAULT_FILTER } from "./infrastructure/constants/filter.constants";
 import { DEFAULT_PLAYBACK_RATE } from "./infrastructure/constants/speed.constants";
 import type { FilterPreset } from "./domain/entities/video-project.types";
 

package/src/domain/entities/video-project.types.ts

@@ -174,3 +174,52 @@ export interface VideoProject {
   folderId?: string;
   tags: string[];
 }
+
+// Editor State
+export interface EditorState {
+  project: VideoProject | null;
+  currentSceneIndex: number;
+  selectedLayerId: string | null;
+  isPlaying: boolean;
+  currentTime: number;
+}
+
+// Operation Results
+export interface LayerOperationResult {
+  success: boolean;
+  updatedScenes: Scene[];
+  error?: string;
+}
+
+export interface SceneOperationResult {
+  success: boolean;
+  updatedScenes: Scene[];
+  newSceneIndex?: number;
+  error?: string;
+}
+
+// Layer Actions
+export type LayerOrderAction = "front" | "back" | "up" | "down";
+
+// Layer Data
+export interface AddTextLayerData {
+  content?: string;
+  fontSize?: number;
+  fontFamily?: string;
+  fontWeight?: string;
+  color?: string;
+  textAlign?: "left" | "center" | "right";
+}
+
+export interface AddImageLayerData {
+  uri?: string;
+  opacity?: number;
+}
+
+export interface AddShapeLayerData {
+  shape?: string;
+  opacity?: number;
+  fillColor?: string;
+  borderColor?: string;
+  borderWidth?: number;
+}

package/src/index.ts

@@ -36,13 +36,14 @@ export type {
   FilterPreset,
   SubtitleStyle,
   Subtitle,
-} from "./domain/entities";
+} from "./domain/entities/video-project.types";
 
 // =============================================================================
 // INFRASTRUCTURE LAYER - Services & Constants
 // =============================================================================
 
-export * from "./infrastructure/constants";
+export { FILTER_PRESETS, DEFAULT_FILTER } from "./infrastructure/constants/filter.constants";
+export { DEFAULT_PLAYBACK_RATE, SPEED_PRESETS } from "./infrastructure/constants/speed.constants";
 
 export { layerOperationsService } from "./infrastructure/services/layer-operations.service";
 export { sceneOperationsService } from "./infrastructure/services/scene-operations.service";
@@ -51,12 +52,10 @@ export { imageLayerOperationsService } from "./infrastructure/services/image-lay
 export { shapeLayerOperationsService } from "./infrastructure/services/shape-layer-operations.service";
 export { layerManipulationService } from "./infrastructure/services/layer-manipulation.service";
 
-export {
-  layerDeleteService,
-  layerDuplicateService,
-  layerOrderService,
-  layerTransformService,
-} from "./infrastructure/services/layer-operations";
+export { layerDeleteService } from "./infrastructure/services/layer-operations/layer-delete.service";
+export { layerDuplicateService } from "./infrastructure/services/layer-operations/layer-duplicate.service";
+export { layerOrderService } from "./infrastructure/services/layer-operations/layer-order.service";
+export { layerTransformService } from "./infrastructure/services/layer-operations/layer-transform.service";
 
 // =============================================================================
 // PRESENTATION LAYER - Components & Hooks
@@ -65,24 +64,26 @@ export {
 export { VideoEditor } from "./VideoEditor";
 export type { VideoEditorProps } from "./VideoEditor";
 
-export {
-  EditorHeader,
-  EditorPreviewArea,
-  EditorToolPanel,
-  EditorTimeline,
-  LayerActionsMenu,
-  SceneActionsMenu,
-  TextLayerEditor,
-  AudioEditor,
-  ShapeLayerEditor,
-  AnimationEditor,
-  DraggableLayer,
-  ImageLayerEditor,
-  ExportDialog,
-  SpeedControlPanel,
-  VideoFilterPicker,
-  CollageEditorCanvas,
-} from "./presentation/components";
+export { EditorHeader } from "./presentation/components/EditorHeader";
+export { EditorPreviewArea } from "./presentation/components/EditorPreviewArea";
+export { EditorToolPanel } from "./presentation/components/EditorToolPanel";
+export { EditorTimeline } from "./presentation/components/EditorTimeline";
+export { LayerActionsMenu } from "./presentation/components/LayerActionsMenu";
+export { SceneActionsMenu } from "./presentation/components/SceneActionsMenu";
+export { TextLayerEditor } from "./presentation/components/TextLayerEditor";
+export { AudioEditor } from "./presentation/components/AudioEditor";
+export { ShapeLayerEditor } from "./presentation/components/ShapeLayerEditor";
+export { AnimationEditor } from "./presentation/components/AnimationEditor";
+export { DraggableLayer } from "./presentation/components/DraggableLayer";
+export { ImageLayerEditor } from "./presentation/components/ImageLayerEditor";
+export { ExportDialog } from "./presentation/components/ExportDialog";
+export { SpeedControlPanel } from "./presentation/components/SpeedControlPanel";
+export { VideoFilterPicker } from "./presentation/components/VideoFilterPicker";
+export { CollageEditorCanvas } from "./presentation/components/CollageEditorCanvas";
+export { SubtitleTimeInput } from "./presentation/components/SubtitleTimeInput";
+export { SubtitleStylePicker } from "./presentation/components/SubtitleStylePicker";
+export { SubtitleOverlay } from "./presentation/components/SubtitleOverlay";
+export { SubtitleListPanel } from "./presentation/components/SubtitleListPanel";
 
 export { useEditorLayers } from "./presentation/hooks/useEditorLayers";
 export { useEditorScenes } from "./presentation/hooks/useEditorScenes";
@@ -131,7 +132,7 @@ export type {
   VideoProgressBarProps,
   VideoPlayerOverlayProps,
   FullScreenVideoPlayerProps,
-} from "./player";
+} from "./player/index";
 
 export {
   safePlay,

package/src/infrastructure/constants/animation-layer.constants.ts

@@ -3,7 +3,7 @@
  * Centralized constants for animation layer editor
  */
 
-import type { AnimationType } from "../../domain/entities";
+import type { AnimationType } from "../../domain/entities/video-project.types";
 
 export type Easing = "linear" | "ease-in" | "ease-out" | "ease-in-out";
 

package/src/infrastructure/constants/filter.constants.ts

@@ -3,7 +3,7 @@
  * Color overlay-based filters for video and photo editing
  */
 
-import type { FilterPreset } from "../../domain/entities";
+import type { FilterPreset } from "../../domain/entities/video-project.types";
 
 export const FILTER_PRESETS: FilterPreset[] = [
   { id: "none", name: "Original", overlay: "transparent", opacity: 0 },

package/src/infrastructure/services/image-layer-operations.service.ts

@@ -4,8 +4,8 @@
  */
 
 import { generateUUID } from "@umituz/react-native-design-system/uuid";
-import type { Scene, ImageLayer } from "../../domain/entities";
-import type { LayerOperationResult, AddImageLayerData } from "../../domain/entities";
+import type { Scene, ImageLayer } from "../../domain/entities/video-project.types";
+import type { LayerOperationResult, AddImageLayerData } from "../../domain/entities/video-project.types";
 
 class ImageLayerOperationsService {
   /**
@@ -25,14 +25,23 @@ class ImageLayerOperationsService {
         };
       }
 
+      // Validate URI
+      if (!layerData.uri || layerData.uri.trim().length === 0) {
+        return {
+          success: false,
+          updatedScenes: scenes,
+          error: "Image URI is required",
+        };
+      }
+
       const newLayer: ImageLayer = {
         id: generateUUID(),
         type: "image",
-        uri: layerData.uri || "",
+        uri: layerData.uri ?? "",
         position: { x: 15, y: 30 },
         size: { width: 70, height: 40 },
         rotation: 0,
-        opacity: layerData.opacity || 1,
+        opacity: layerData.opacity ?? 1,
         animation: {
           type: "fade",
           duration: 500,
@@ -88,10 +97,19 @@ class ImageLayerOperationsService {
         };
       }
 
+      const existingLayer = updatedScenes[sceneIndex].layers[layerIndex];
+      if (existingLayer.type !== "image") {
+        return {
+          success: false,
+          updatedScenes: scenes,
+          error: "Layer is not an image layer",
+        };
+      }
+
       updatedScenes[sceneIndex].layers[layerIndex] = {
-        ...updatedScenes[sceneIndex].layers[layerIndex],
+        ...existingLayer,
         ...layerData,
-      } as ImageLayer;
+      };
 
       return { success: true, updatedScenes };
     } catch (error) {

package/src/infrastructure/services/layer-manipulation.service.ts

@@ -3,14 +3,12 @@
  * Orchestrator service that delegates to specialized layer operation services
  */
 
-import type { Scene, Animation } from "../../domain/entities";
-import type { LayerOperationResult, LayerOrderAction } from "../../domain/entities";
-import {
-  layerDeleteService,
-  layerOrderService,
-  layerDuplicateService,
-  layerTransformService,
-} from "./layer-operations";
+import type { Scene, Animation } from "../../domain/entities/video-project.types";
+import type { LayerOperationResult, LayerOrderAction } from "../../domain/entities/video-project.types";
+import { layerDeleteService } from "./layer-operations/layer-delete.service";
+import { layerOrderService } from "./layer-operations/layer-order.service";
+import { layerDuplicateService } from "./layer-operations/layer-duplicate.service";
+import { layerTransformService } from "./layer-operations/layer-transform.service";
 
 class LayerManipulationService {
   deleteLayer(

package/src/infrastructure/services/layer-operations/layer-delete.service.ts

@@ -3,8 +3,8 @@
  * Single Responsibility: Handle layer deletion operations
  */
 
-import type { Scene } from "../../../domain/entities";
-import type { LayerOperationResult } from "../../../domain/entities";
+import type { Scene } from "../../../domain/entities/video-project.types";
+import type { LayerOperationResult } from "../../../domain/entities/video-project.types";
 
 class LayerDeleteService {
   /**

package/src/infrastructure/services/layer-operations/layer-duplicate.service.ts

@@ -4,8 +4,8 @@
  */
 
 import { generateUUID } from "@umituz/react-native-design-system/uuid";
-import type { Scene } from "../../../domain/entities";
-import type { LayerOperationResult } from "../../../domain/entities";
+import type { Scene } from "../../../domain/entities/video-project.types";
+import type { LayerOperationResult } from "../../../domain/entities/video-project.types";
 
 class LayerDuplicateService {
   /**

package/src/infrastructure/services/layer-operations/layer-order.service.ts

@@ -3,8 +3,8 @@
  * Single Responsibility: Handle layer ordering operations
  */
 
-import type { Scene } from "../../../domain/entities";
-import type { LayerOperationResult, LayerOrderAction } from "../../../domain/entities";
+import type { Scene } from "../../../domain/entities/video-project.types";
+import type { LayerOperationResult, LayerOrderAction } from "../../../domain/entities/video-project.types";
 
 class LayerOrderService {
   /**
@@ -48,9 +48,23 @@ class LayerOrderService {
           newIndex = 0;
           break;
         case "up":
+          if (updatedLayers.length === 1) {
+            return {
+              success: false,
+              updatedScenes: scenes,
+              error: "Cannot move layer - only one layer exists",
+            };
+          }
           newIndex = Math.min(layerIndex + 1, updatedLayers.length - 1);
           break;
         case "down":
+          if (updatedLayers.length === 1) {
+            return {
+              success: false,
+              updatedScenes: scenes,
+              error: "Cannot move layer - only one layer exists",
+            };
+          }
           newIndex = Math.max(layerIndex - 1, 0);
           break;
       }

package/src/infrastructure/services/layer-operations/layer-transform.service.ts

@@ -3,8 +3,8 @@
  * Single Responsibility: Handle layer position, size, and animation updates
  */
 
-import type { Scene, Animation, Layer } from "../../../domain/entities";
-import type { LayerOperationResult } from "../../../domain/entities";
+import type { Scene, Animation } from "../../../domain/entities/video-project.types";
+import type { LayerOperationResult } from "../../../domain/entities/video-project.types";
 
 class LayerTransformService {
   /**
@@ -26,6 +26,10 @@ class LayerTransformService {
         };
       }
 
+      // Validate position values (percentage: 0-100)
+      const clampedX = Math.max(0, Math.min(100, x));
+      const clampedY = Math.max(0, Math.min(100, y));
+
       const updatedScenes = [...scenes];
       const layerIndex = updatedScenes[sceneIndex].layers.findIndex(
         (l) => l.id === layerId,
@@ -41,7 +45,7 @@ class LayerTransformService {
 
       updatedScenes[sceneIndex].layers[layerIndex] = {
         ...updatedScenes[sceneIndex].layers[layerIndex],
-        position: { x, y },
+        position: { x: clampedX, y: clampedY },
       };
 
       return { success: true, updatedScenes };
@@ -76,6 +80,10 @@ class LayerTransformService {
         };
       }
 
+      // Validate size values (percentage: 1-100, minimum 1% to prevent invisible layers)
+      const clampedWidth = Math.max(1, Math.min(100, width));
+      const clampedHeight = Math.max(1, Math.min(100, height));
+
       const updatedScenes = [...scenes];
       const layerIndex = updatedScenes[sceneIndex].layers.findIndex(
         (l) => l.id === layerId,
@@ -91,7 +99,7 @@ class LayerTransformService {
 
       updatedScenes[sceneIndex].layers[layerIndex] = {
         ...updatedScenes[sceneIndex].layers[layerIndex],
-        size: { width, height },
+        size: { width: clampedWidth, height: clampedHeight },
       };
 
       return { success: true, updatedScenes };
@@ -138,10 +146,11 @@ class LayerTransformService {
         };
       }
 
+      const existingLayer = updatedScenes[sceneIndex].layers[layerIndex];
       updatedScenes[sceneIndex].layers[layerIndex] = {
-        ...updatedScenes[sceneIndex].layers[layerIndex],
+        ...existingLayer,
         animation,
-      } as Layer;
+      };
 
       return { success: true, updatedScenes };
     } catch (error) {

package/src/infrastructure/services/layer-operations.service.ts

@@ -7,14 +7,14 @@ import { textLayerOperationsService } from "./text-layer-operations.service";
 import { imageLayerOperationsService } from "./image-layer-operations.service";
 import { shapeLayerOperationsService } from "./shape-layer-operations.service";
 import { layerManipulationService } from "./layer-manipulation.service";
-import type { Scene, TextLayer, ImageLayer, Animation } from "../../domain/entities";
+import type { Scene, TextLayer, ImageLayer, Animation } from "../../domain/entities/video-project.types";
 import type {
   LayerOperationResult,
   LayerOrderAction,
   AddTextLayerData,
   AddImageLayerData,
   AddShapeLayerData,
-} from "../../domain/entities";
+} from "../../domain/entities/video-project.types";
 
 class LayerOperationsService {
   /**

package/src/infrastructure/services/scene-operations.service.ts

@@ -4,8 +4,8 @@
  */
 
 import { generateUUID } from "@umituz/react-native-design-system/uuid";
-import type { Scene, Audio } from "../../domain/entities";
-import type { SceneOperationResult } from "../../domain/entities";
+import type { Scene, Audio } from "../../domain/entities/video-project.types";
+import type { SceneOperationResult } from "../../domain/entities/video-project.types";
 
 class SceneOperationsService {
   /**

package/src/infrastructure/services/shape-layer-operations.service.ts

@@ -4,8 +4,8 @@
  */
 
 import { generateUUID } from "@umituz/react-native-design-system/uuid";
-import type { Scene, ShapeLayer } from "../../domain/entities";
-import type { LayerOperationResult, AddShapeLayerData } from "../../domain/entities";
+import type { Scene, ShapeLayer } from "../../domain/entities/video-project.types";
+import type { LayerOperationResult, AddShapeLayerData } from "../../domain/entities/video-project.types";
 
 class ShapeLayerOperationsService {
   /**
@@ -29,12 +29,12 @@ class ShapeLayerOperationsService {
       const newLayer: ShapeLayer = {
         id: generateUUID(),
         type: "shape",
-        shape: (layerData.shape as ShapeLayer["shape"]) || "rectangle",
+        shape: (layerData.shape ?? "rectangle") as ShapeLayer["shape"],
         position: { x: 25, y: 25 },
         size: { width: 50, height: 50 },
         rotation: 0,
-        opacity: layerData.opacity || 1,
-        fillColor: layerData.fillColor || defaultColor,
+        opacity: layerData.opacity ?? 1,
+        fillColor: layerData.fillColor ?? defaultColor,
         borderColor: layerData.borderColor,
         borderWidth: layerData.borderWidth,
         animation: {

package/src/infrastructure/services/text-layer-operations.service.ts

@@ -4,8 +4,8 @@
  */
 
 import { generateUUID } from "@umituz/react-native-design-system/uuid";
-import type { Scene, TextLayer } from "../../domain/entities";
-import type { LayerOperationResult, AddTextLayerData } from "../../domain/entities";
+import type { Scene, TextLayer } from "../../domain/entities/video-project.types";
+import type { LayerOperationResult, AddTextLayerData } from "../../domain/entities/video-project.types";
 
 class TextLayerOperationsService {
   /**
@@ -94,10 +94,19 @@ class TextLayerOperationsService {
         };
       }
 
+      const existingLayer = updatedScenes[sceneIndex].layers[layerIndex];
+      if (existingLayer.type !== "text") {
+        return {
+          success: false,
+          updatedScenes: scenes,
+          error: "Layer is not a text layer",
+        };
+      }
+
       updatedScenes[sceneIndex].layers[layerIndex] = {
-        ...updatedScenes[sceneIndex].layers[layerIndex],
+        ...existingLayer,
         ...layerData,
-      } as TextLayer;
+      };
 
       return { success: true, updatedScenes };
     } catch (error) {

package/src/infrastructure/utils/srt.utils.ts

@@ -13,7 +13,14 @@ function toSrtTime(seconds: number): string {
 }
 
 export function generateSRT(subtitles: Subtitle[]): string {
-  const sorted = [...subtitles].sort((a, b) => a.startTime - b.startTime);
+  const validSubtitles = subtitles.filter((sub) => (
+    sub.startTime >= 0 &&
+    sub.endTime >= 0 &&
+    sub.startTime < sub.endTime &&
+    sub.text.trim().length > 0
+  ));
+
+  const sorted = [...validSubtitles].sort((a, b) => a.startTime - b.startTime);
   return sorted
     .map((sub, index) => `${index + 1}\n${toSrtTime(sub.startTime)} --> ${toSrtTime(sub.endTime)}\n${sub.text}\n`)
     .join("\n");

package/src/player/index.ts

@@ -12,9 +12,6 @@ export type {
   VideoVisibilityConfig,
   VideoPlayerProps,
   VideoPlayer as VideoPlayerType,
-  VideoDownloadProgressCallback,
-  VideoCacheResult,
-  VideoCachingState,
   PlaybackProgressState,
   ControlsAutoHideConfig,
   ControlsAutoHideResult,

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

@@ -7,7 +7,6 @@ import React, { useMemo, useCallback } from "react";
 import { View, Modal, StyleSheet, StatusBar } from "react-native";
 import { Image } from "expo-image";
 // expo-video is optional — lazy require
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 let VideoView: React.ComponentType<any> = () => null;
 try {
   // eslint-disable-next-line @typescript-eslint/no-require-imports

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

@@ -7,7 +7,6 @@ import React, { useState, useCallback, useMemo, useEffect } from "react";
 import { View, TouchableOpacity, StyleSheet, type ViewStyle } from "react-native";
 import { Image } from "expo-image";
 // expo-video is optional — lazy require so it is not auto-installed
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 let VideoView: React.ComponentType<any> = () => null;
 try {
   // eslint-disable-next-line @typescript-eslint/no-require-imports
@@ -93,7 +92,7 @@ export const VideoPlayer: React.FC<VideoPlayerProps> = ({
   // Calculate fallback dimensions only when style doesn't provide sizing
   const customSizing = hasCustomSizing(style as ViewStyle);
   const videoWidth = customSizing ? undefined : (screenWidth - horizontalPadding * 2);
-  const videoHeight = videoWidth ? videoWidth / DEFAULT_ASPECT_RATIO : undefined;
+  const videoHeight = videoWidth !== undefined ? videoWidth / DEFAULT_ASPECT_RATIO : undefined;
 
   const containerStyle = useMemo(() => ({
     ...(videoWidth !== undefined && { width: videoWidth }),
@@ -104,15 +103,17 @@ export const VideoPlayer: React.FC<VideoPlayerProps> = ({
   }), [tokens.colors.surface, videoWidth, videoHeight]);
 
   const styles = useMemo(() => StyleSheet.create({
-    video: videoWidth !== undefined
-      ? { width: videoWidth, height: videoHeight! }
+    video: videoWidth !== undefined && videoHeight !== undefined
+      ? { width: videoWidth, height: videoHeight }
       : { width: "100%", height: "100%" },
     thumbnailContainer: { flex: 1, justifyContent: "center", alignItems: "center" },
-    thumbnail: videoWidth !== undefined
-      ? { width: videoWidth, height: videoHeight! }
+    thumbnail: videoWidth !== undefined && videoHeight !== undefined
+      ? { width: videoWidth, height: videoHeight }
       : { width: "100%", height: "100%" },
     placeholder: {
-      ...(videoWidth !== undefined ? { width: videoWidth, height: videoHeight! } : { flex: 1, width: "100%" }),
+      ...(videoWidth !== undefined && videoHeight !== undefined
+        ? { width: videoWidth, height: videoHeight }
+        : { flex: 1, width: "100%" }),
       backgroundColor: tokens.colors.surfaceSecondary,
     },
     playButtonContainer: { ...StyleSheet.absoluteFillObject, justifyContent: "center", alignItems: "center" },

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

@@ -3,7 +3,7 @@
  * Custom overlay controls: top bar (title, back), center play/pause, bottom bar (progress, mute)
  */
 
-import React, { useMemo } from "react";
+import React from "react";
 import { View, TouchableOpacity, StyleSheet, TouchableWithoutFeedback } from "react-native";
 import { AtomicIcon, AtomicText } from "@umituz/react-native-design-system/atoms";
 

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

@@ -14,7 +14,6 @@ const POLL_INTERVAL_MS = 250;
  * Also returns the player's actual playing state to detect out-of-sync conditions
  */
 export const useVideoPlaybackProgress = (
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   player: any,
   isPlayerValid: boolean,
   isPlaying: boolean,

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

@@ -5,7 +5,6 @@
 
 import { useState, useCallback, useMemo } from "react";
 // expo-video is optional — module-level lazy require with null stub
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 let useExpoVideoPlayer: (...args: any[]) => any = () => null;
 try {
   // eslint-disable-next-line @typescript-eslint/no-require-imports
@@ -20,6 +19,11 @@ import type {
   VideoPlayerControls,
   UseVideoPlayerControlResult,
 } from "../../types";
+
+// Extend VideoPlayer type to include playbackRate property
+interface ExtendedVideoPlayer {
+  playbackRate?: number;
+}
 import {
   safePlay,
   safePause,
@@ -45,7 +49,6 @@ export const useVideoPlayerControl = (
   const [playbackRate, setPlaybackRateState] = useState(initialRate);
   const [isMuted, setIsMuted] = useState(muted);
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const player = useExpoVideoPlayer(source || "", (p: any) => {
     if (source && p) {
       configurePlayer(p, { loop, muted, autoPlay });
@@ -94,8 +97,7 @@ export const useVideoPlayerControl = (
 
   const setPlaybackRate = useCallback((rate: number) => {
     if (!isPlayerValid || !player) return;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (player as any).playbackRate = rate;
+    (player as ExtendedVideoPlayer).playbackRate = rate;
     setPlaybackRateState(rate);
   }, [player, isPlayerValid]);
 

package/src/player/{types/index.ts → types.ts}

@@ -168,5 +168,6 @@ export type { VideoPlayer } from "expo-video";
 export type {
   VideoDownloadProgressCallback,
   VideoCacheResult,
-} from "../infrastructure/services/video-cache.service";
-export type { VideoCachingState } from "../presentation/hooks/useVideoCaching";
+} from "./infrastructure/services/video-cache.service";
+
+export type { VideoCachingState } from "./presentation/hooks/useVideoCaching";