@umituz/react-native-video-editor 1.0.1 → 1.0.3

package/src/player/types/index.ts

@@ -0,0 +1,74 @@
+/**
+ * Video Player Types
+ * Core type definitions for video playback functionality
+ */
+
+import type { VideoPlayer } from "expo-video";
+import type { ViewStyle } from "react-native";
+
+/**
+ * Configuration for video player initialization
+ */
+export interface VideoPlayerConfig {
+  readonly source: string | null;
+  readonly loop?: boolean;
+  readonly muted?: boolean;
+  readonly autoPlay?: boolean;
+}
+
+/**
+ * Current state of the video player
+ */
+export interface VideoPlayerState {
+  readonly isPlaying: boolean;
+  readonly isPlayerValid: boolean;
+  readonly isLoading: boolean;
+}
+
+/**
+ * Video player control actions
+ */
+export interface VideoPlayerControls {
+  readonly play: () => void;
+  readonly pause: () => void;
+  readonly toggle: () => void;
+}
+
+/**
+ * Combined hook return type
+ */
+export interface UseVideoPlayerControlResult {
+  readonly player: VideoPlayer | null;
+  readonly state: VideoPlayerState;
+  readonly controls: VideoPlayerControls;
+}
+
+/**
+ * Visibility hook configuration
+ */
+export interface VideoVisibilityConfig {
+  readonly isVisible: boolean;
+  readonly player: VideoPlayer | null;
+  readonly isPlayerValid: boolean;
+  readonly onPlayingChange?: (isPlaying: boolean) => void;
+}
+
+/**
+ * Video player component props
+ */
+export interface VideoPlayerProps {
+  readonly source: string | null;
+  readonly isVisible?: boolean;
+  readonly loop?: boolean;
+  readonly muted?: boolean;
+  readonly autoPlay?: boolean;
+  readonly showControls?: boolean;
+  readonly nativeControls?: boolean;
+  readonly onPlayingChange?: (isPlaying: boolean) => void;
+  readonly onError?: (error: Error) => void;
+  readonly style?: ViewStyle;
+  readonly contentFit?: "contain" | "cover" | "fill";
+  readonly thumbnailUrl?: string;
+}
+
+export type { VideoPlayer } from "expo-video";

package/src/presentation/components/AnimationEditor.tsx

@@ -6,7 +6,7 @@
 import React from "react";
 import { View, ScrollView, StyleSheet } from "react-native";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
-import type { Animation } from "@domains/video";
+import type { Animation } from "../../../domain/entities";
 import { useAnimationLayerForm } from "../../hooks/useAnimationLayerForm";
 import {
   DURATIONS,

package/src/presentation/components/AudioEditor.tsx

@@ -10,7 +10,7 @@ import {
   AtomicText,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
-import type { Audio } from "@domains/video";
+import type { Audio } from "../../../domain/entities";
 import { useAudioLayerForm } from "../../hooks/useAudioLayerForm";
 import { AUDIO_FILE_TYPES } from "../../constants/audio-layer.constants";
 import {

package/src/presentation/components/DraggableLayer.tsx

@@ -8,7 +8,7 @@ import { StyleSheet } from "react-native";
 import { GestureDetector } from "react-native-gesture-handler";
 import Animated, { useAnimatedStyle } from "react-native-reanimated";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
-import type { Layer } from "@domains/video";
+import type { Layer } from "../../../domain/entities";
 import { useDraggableLayerGestures } from "../../hooks/useDraggableLayerGestures";
 import { LayerContent } from "./draggable-layer/LayerContent";
 import { ResizeHandles } from "./draggable-layer/ResizeHandles";

package/src/presentation/components/EditorPreviewArea.tsx

@@ -11,7 +11,7 @@ import {
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
 import { DraggableLayer } from "./DraggableLayer";
-import type { Scene, Layer, ImageLayer } from "@domains/video";
+import type { Scene, Layer, ImageLayer } from "../../../domain/entities";
 
 const { width } = Dimensions.get("window");
 const PREVIEW_ASPECT_RATIO = 16 / 9;

package/src/presentation/components/EditorTimeline.tsx

@@ -11,7 +11,7 @@ import {
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
-import type { VideoProject, Scene } from "@domains/video";
+import type { VideoProject, Scene } from "../../../domain/entities";
 
 export interface EditorTimelineProps {
   project: VideoProject;

package/src/presentation/components/EditorToolPanel.tsx

@@ -17,7 +17,7 @@ import {
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
-import type { Audio } from "@domains/video";
+import type { Audio } from "../../../domain/entities";
 
 export interface EditorToolPanelProps {
   onAddText: () => void;

package/src/presentation/components/ExportDialog.tsx

@@ -6,7 +6,7 @@
 import React, { useCallback } from "react";
 import { View, ScrollView, StyleSheet } from "react-native";
 import { useLocalization } from "@umituz/react-native-localization";
-import type { ExportSettings, VideoProject } from "@domains/video";
+import type { ExportSettings, VideoProject } from "../../../domain/entities";
 import { useExportForm } from "../../hooks/useExportForm";
 import { useExport } from "../../hooks/useExport";
 import {

package/src/presentation/components/ImageLayerEditor.tsx

@@ -6,7 +6,7 @@
 import React, { useCallback } from "react";
 import { View, ScrollView, StyleSheet, Alert } from "react-native";
 import { useImagePicker } from "@/domains/media";
-import type { ImageLayer } from "@domains/video";
+import type { ImageLayer } from "../../../domain/entities";
 import { useImageLayerForm } from "../../hooks/useImageLayerForm";
 import { IMAGE_PICKER_OPTIONS } from "../../constants/image-layer.constants";
 import {

package/src/presentation/components/LayerActionsMenu.tsx

@@ -10,7 +10,7 @@ import {
   AtomicIcon,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
-import type { Layer, ImageLayer } from "@domains/video";
+import type { Layer, ImageLayer } from "../../../domain/entities";
 
 export interface LayerActionsMenuProps {
   layer: Layer;

package/src/presentation/components/ShapeLayerEditor.tsx

@@ -10,7 +10,7 @@ import {
   AtomicIcon,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
-import type { ShapeLayer } from "@domains/video";
+import type { ShapeLayer } from "../../../domain/entities";
 import { useShapeLayerForm } from "../../hooks/useShapeLayerForm";
 import {
   BORDER_WIDTHS,

package/src/presentation/components/TextLayerEditor.tsx

@@ -6,7 +6,7 @@
 import React from "react";
 import { View, ScrollView, StyleSheet } from "react-native";
 import { useLocalization } from "@umituz/react-native-localization";
-import type { TextLayer } from "@domains/video";
+import type { TextLayer } from "../../../domain/entities";
 import { useTextLayerForm } from "../../hooks/useTextLayerForm";
 import {
   FONT_FAMILIES,

package/src/presentation/components/animation-layer/AnimationTypeSelector.tsx

@@ -11,7 +11,7 @@ import {
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
 import { ANIMATION_TYPES } from "../../../constants/animation-layer.constants";
-import type { AnimationType } from "@domains/video";
+import type { AnimationType } from "../../../domain/entities";
 
 interface AnimationTypeSelectorProps {
   selectedType: AnimationType;

package/src/presentation/components/draggable-layer/LayerContent.tsx

@@ -9,7 +9,7 @@ import {
   AtomicIcon,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
-import type { Layer, TextLayer, ImageLayer, ShapeLayer } from "@domains/video";
+import type { Layer, TextLayer, ImageLayer, ShapeLayer } from "../../../domain/entities";
 
 interface LayerContentProps {
   layer: Layer;

package/src/presentation/components/export/ExportActions.tsx

@@ -8,11 +8,11 @@ import {
   View,
   StyleSheet,
   TouchableOpacity,
-  ActivityIndicator,
 } from "react-native";
 import {
   AtomicText,
   AtomicIcon,
+  AtomicSpinner,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
 
@@ -64,7 +64,7 @@ export const ExportActions: React.FC<ExportActionsProps> = ({
         disabled={isExporting}
       >
         {isExporting ? (
-          <ActivityIndicator color="#FFFFFF" size="small" />
+          <AtomicSpinner size="sm" color="white" />
         ) : (
           <AtomicIcon name="Download" size="sm" color="onSurface" />
         )}

package/src/presentation/components/export/ExportProgress.tsx

@@ -9,7 +9,7 @@ import {
   AtomicText,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
-import type { ExportProgress as ExportProgressType } from "@domains/video/infrastructure/services/video-export.service";
+import type { ExportProgress as ExportProgressType } from "../../hooks/useExport";
 
 interface ExportProgressProps {
   progress: ExportProgressType;

package/src/presentation/components/export/ProjectInfoBox.tsx

@@ -10,7 +10,7 @@ import {
   AtomicIcon,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
-import type { VideoProject } from "@domains/video";
+import type { VideoProject } from "../../../domain/entities";
 
 interface ProjectInfoBoxProps {
   project: VideoProject;

package/src/presentation/hooks/useAnimationLayerForm.ts

@@ -4,7 +4,7 @@
  */
 
 import { useState, useCallback } from "react";
-import type { Animation, AnimationType } from "@domains/video";
+import type { Animation, AnimationType } from "../../../domain/entities";
 import type { Easing } from "../constants/animation-layer.constants";
 
 export interface AnimationLayerFormState {

package/src/presentation/hooks/useAudioLayerForm.ts

@@ -4,7 +4,7 @@
  */
 
 import { useState, useCallback } from "react";
-import type { Audio } from "@domains/video";
+import type { Audio } from "../../../domain/entities";
 
 export interface AudioLayerFormState {
   audioUri: string;

package/src/presentation/hooks/useEditorActions.tsx

@@ -3,7 +3,7 @@
  * Single Responsibility: Compose editor action handlers
  */
 
-import type { VideoProject } from "@domains/video";
+import type { VideoProject } from "../../../domain/entities";
 import type { UseEditorLayersReturn } from "./useEditorLayers";
 import type { UseEditorScenesReturn } from "./useEditorScenes";
 import type { UseEditorBottomSheetReturn } from "./useEditorBottomSheet";

package/src/presentation/hooks/useEditorHistory.ts

@@ -15,7 +15,7 @@ const useHistoryStore = () => ({
   canUndo: () => false,
   canRedo: () => false,
 });
-import type { VideoProject } from "@domains/video";
+import type { VideoProject } from "../../../domain/entities";
 
 export interface UseEditorHistoryParams {
   project: VideoProject | undefined;

package/src/presentation/hooks/useEditorLayers.ts

@@ -13,7 +13,7 @@ import type {
   AddShapeLayerData,
   LayerOrderAction,
 } from "../types";
-import type { TextLayer, ImageLayer, Animation } from "@domains/video";
+import type { TextLayer, ImageLayer, Animation } from "../../../domain/entities";
 
 export interface UseEditorLayersParams {
   projectId: string;

package/src/presentation/hooks/useEditorPlayback.ts

@@ -4,7 +4,7 @@
  */
 
 import { useState, useEffect, useCallback } from "react";
-import type { Scene } from "@domains/video";
+import type { Scene } from "../../../domain/entities";
 
 export interface UseEditorPlaybackParams {
   currentScene: Scene | undefined;

package/src/presentation/hooks/useEditorScenes.ts

@@ -6,7 +6,7 @@
 import { useCallback } from "react";
 import { Alert } from "react-native";
 import { sceneOperationsService } from "../infrastructure/services/scene-operations.service";
-import type { Audio } from "@domains/video";
+import type { Audio } from "../../../domain/entities";
 
 export interface UseEditorScenesParams {
   scenes: any[];

package/src/presentation/hooks/useExport.ts

@@ -1,12 +1,34 @@
 /**
  * useExport Hook
  * Manages export state and operations
+ * Package-driven: Export function is injected from app
  */
 
-import { useState, useCallback, useEffect } from "react";
-import type { ExportSettings, VideoProject } from "@domains/video";
-import type { ExportProgress } from "@domains/video/infrastructure/services/video-export.service";
-import { exportOrchestratorService } from "../infrastructure/services/export-orchestrator.service";
+import { useState, useCallback } from "react";
+import type { ExportSettings, VideoProject } from "../../domain/entities";
+
+export interface ExportProgress {
+  status: "preparing" | "encoding" | "saving" | "complete" | "error";
+  phase: string;
+  progress: number;
+  message?: string;
+  currentFrame?: number;
+  totalFrames?: number;
+}
+
+export interface ExportResult {
+  success: boolean;
+  uri?: string;
+  error?: string;
+}
+
+export interface UseExportConfig {
+  exportFunction: (
+    project: VideoProject,
+    settings: ExportSettings,
+    onProgress: (progress: ExportProgress) => void,
+  ) => Promise<ExportResult>;
+}
 
 export interface UseExportReturn {
   isExporting: boolean;
@@ -14,43 +36,36 @@ export interface UseExportReturn {
   exportVideo: (
     project: VideoProject,
     settings: ExportSettings,
-  ) => Promise<{ success: boolean; uri?: string; error?: string }>;
+  ) => Promise<ExportResult>;
   resetExport: () => void;
 }
 
 /**
  * Hook for managing export operations
+ * @param config - Configuration with export function injected from app
  */
-export function useExport(): UseExportReturn {
+export function useExport(config: UseExportConfig): UseExportReturn {
   const [isExporting, setIsExporting] = useState(false);
   const [exportProgress, setExportProgress] = useState<ExportProgress | null>(
     null,
   );
 
-  useEffect(() => {
-    exportOrchestratorService.requestNotificationPermissions();
-  }, []);
-
   const exportVideo = useCallback(
     async (
       project: VideoProject,
       settings: ExportSettings,
-    ): Promise<{ success: boolean; uri?: string; error?: string }> => {
+    ): Promise<ExportResult> => {
       setIsExporting(true);
       setExportProgress(null);
 
-      const result = await exportOrchestratorService.exportVideo(
-        project,
-        settings,
-        (progress) => {
-          setExportProgress(progress);
-        },
-      );
+      const result = await config.exportFunction(project, settings, (progress) => {
+        setExportProgress(progress);
+      });
 
       setIsExporting(false);
       return result;
     },
-    [],
+    [config],
   );
 
   const resetExport = useCallback(() => {

package/src/presentation/hooks/useExportActions.tsx

@@ -5,7 +5,7 @@
 
 import { useCallback } from "react";
 import { ExportDialog } from "../presentation/components/ExportDialog";
-import type { VideoProject, ExportSettings } from "@domains/video";
+import type { VideoProject, ExportSettings } from "../../../domain/entities";
 import type { UseEditorBottomSheetReturn } from "./useEditorBottomSheet";
 
 export interface UseExportActionsParams {

package/src/presentation/hooks/useExportForm.ts

@@ -4,7 +4,7 @@
  */
 
 import { useState, useCallback, useMemo } from "react";
-import type { ExportSettings, VideoProject } from "@domains/video";
+import type { ExportSettings, VideoProject } from "../../../domain/entities";
 import type {
   Resolution,
   Quality,

package/src/presentation/hooks/useImageLayerForm.ts

@@ -4,7 +4,7 @@
  */
 
 import { useState, useCallback } from "react";
-import type { ImageLayer } from "@domains/video";
+import type { ImageLayer } from "../../../domain/entities";
 
 export interface ImageLayerFormState {
   imageUri: string;

package/src/presentation/hooks/useImageLayerOperations.ts

@@ -7,7 +7,7 @@ import { useCallback } from "react";
 import { Alert } from "react-native";
 import { layerOperationsService } from "../infrastructure/services/layer-operations.service";
 import type { AddImageLayerData } from "../types";
-import type { ImageLayer } from "@domains/video";
+import type { ImageLayer } from "../../../domain/entities";
 
 export interface UseImageLayerOperationsParams {
   scenes: any[];

package/src/presentation/hooks/useLayerActions.tsx

@@ -8,7 +8,7 @@ import { TextLayerEditor } from "../presentation/components/TextLayerEditor";
 import { ImageLayerEditor } from "../presentation/components/ImageLayerEditor";
 import { ShapeLayerEditor } from "../presentation/components/ShapeLayerEditor";
 import { AnimationEditor } from "../presentation/components/AnimationEditor";
-import type { ImageLayer } from "@domains/video";
+import type { ImageLayer } from "../../../domain/entities";
 import type { UseEditorLayersReturn } from "./useEditorLayers";
 import type { UseEditorBottomSheetReturn } from "./useEditorBottomSheet";
 

package/src/presentation/hooks/useLayerManipulation.ts

@@ -7,7 +7,7 @@ import { useCallback } from "react";
 import { Alert } from "react-native";
 import { layerOperationsService } from "../infrastructure/services/layer-operations.service";
 import type { LayerOrderAction } from "../types";
-import type { Animation } from "@domains/video";
+import type { Animation } from "../../../domain/entities";
 
 export interface UseLayerManipulationParams {
   scenes: any[];

package/src/presentation/hooks/useShapeLayerForm.ts

@@ -5,7 +5,7 @@
 
 import { useState, useCallback } from "react";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
-import type { ShapeLayer } from "@domains/video";
+import type { ShapeLayer } from "../../../domain/entities";
 import type { ShapeType } from "../constants/shape-layer.constants";
 
 export interface ShapeLayerFormState {

package/src/presentation/hooks/useTextLayerForm.ts

@@ -5,7 +5,7 @@
 
 import { useState, useCallback } from "react";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
-import type { TextLayer } from "@domains/video";
+import type { TextLayer } from "../../../domain/entities";
 
 export interface TextLayerFormState {
   text: string;

package/src/presentation/hooks/useTextLayerOperations.ts

@@ -7,7 +7,7 @@ import { useCallback } from "react";
 import { Alert } from "react-native";
 import { layerOperationsService } from "../infrastructure/services/layer-operations.service";
 import type { AddTextLayerData } from "../types";
-import type { TextLayer } from "@domains/video";
+import type { TextLayer } from "../../../domain/entities";
 
 export interface UseTextLayerOperationsParams {
   scenes: any[];

package/src/infrastructure/services/export-orchestrator.service.ts

@@ -1,122 +0,0 @@
-/**
- * Export Orchestrator Service
- * Handles export business logic and notifications
- */
-
-import * as Device from "expo-device";
-import { Alert } from "react-native";
-import { notificationService } from "@umituz/react-native-notifications";
-import {
-  videoExportService,
-  ExportProgress,
-} from "@domains/video/infrastructure/services/video-export.service";
-import type { ExportSettings, VideoProject } from "@domains/video";
-
-export interface ExportResult {
-  success: boolean;
-  uri?: string;
-  error?: string;
-}
-
-export interface ExportOrchestratorService {
-  exportVideo: (
-    project: VideoProject,
-    settings: ExportSettings,
-    onProgress: (progress: ExportProgress) => void,
-  ) => Promise<ExportResult>;
-  requestNotificationPermissions: () => Promise<void>;
-}
-
-class ExportOrchestratorServiceImpl implements ExportOrchestratorService {
-  async requestNotificationPermissions(): Promise<void> {
-    if (Device.isDevice) {
-      await notificationService.requestPermissions();
-    }
-  }
-
-  async exportVideo(
-    project: VideoProject,
-    settings: ExportSettings,
-    onProgress: (progress: ExportProgress) => void,
-  ): Promise<ExportResult> {
-    const projectToExport: VideoProject = {
-      ...project,
-      exportSettings: settings,
-    };
-
-    try {
-      const result = await videoExportService.exportVideo(
-        projectToExport,
-        onProgress,
-      );
-
-      if (result.success) {
-        await this.showSuccessNotification(project.title, result.uri);
-        this.showSuccessAlert();
-        return { success: true, uri: result.uri };
-      } else {
-        await this.showFailureNotification(project.title, result.error);
-        this.showFailureAlert(result.error);
-        return { success: false, error: result.error };
-      }
-    } catch (error) {
-      await this.showFailureNotification(
-        project.title,
-        "An unexpected error occurred",
-      );
-      this.showFailureAlert("An unexpected error occurred");
-      return {
-        success: false,
-        error: error instanceof Error ? error.message : "Unknown error",
-      };
-    }
-  }
-
-  private async showSuccessNotification(
-    projectTitle: string,
-    uri?: string,
-  ): Promise<void> {
-    if (!Device.isDevice) return;
-
-    try {
-      await notificationService.notifications.scheduleNotification({
-        title: "Export Complete",
-        body: `${projectTitle} has been exported successfully!`,
-        trigger: { type: "date", date: new Date() },
-        data: { uri: uri || "" },
-      });
-    } catch (error) {
-      // Silent failure - notification is optional
-    }
-  }
-
-  private async showFailureNotification(
-    projectTitle: string,
-    error?: string,
-  ): Promise<void> {
-    if (!Device.isDevice) return;
-
-    try {
-      await notificationService.notifications.scheduleNotification({
-        title: "Export Failed",
-        body: `Failed to export ${projectTitle}: ${error || "Unknown error"}`,
-        trigger: { type: "date", date: new Date() },
-      });
-    } catch (error) {
-      // Silent failure - notification is optional
-    }
-  }
-
-  private showSuccessAlert(): void {
-    Alert.alert(
-      "Export Complete",
-      "Your video has been exported successfully!",
-    );
-  }
-
-  private showFailureAlert(error?: string): void {
-    Alert.alert("Export Failed", error || "An error occurred during export");
-  }
-}
-
-export const exportOrchestratorService = new ExportOrchestratorServiceImpl();