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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-video-editor",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "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",
@@ -29,6 +29,7 @@
     "react": ">=18.2.0",
     "react-native": ">=0.74.0",
     "@umituz/react-native-design-system": ">=1.0.0",
+    "expo-document-picker": ">=14.0.0",
     "expo-image": ">=1.0.0",
     "expo-video": ">=3.0.0",
     "zustand": ">=4.0.0"
@@ -36,6 +37,7 @@
   "devDependencies": {
     "@types/react": "~19.1.10",
     "@umituz/react-native-design-system": "latest",
+    "expo-document-picker": "^14.0.8",
     "expo-image": "^3.0.11",
     "expo-video": "^3.0.15",
     "react": "19.1.0",

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

@@ -41,9 +41,9 @@ export const VideoPlayer: React.FC<VideoPlayerProps> = ({
   });
 
   const handlePlay = useCallback(() => {
+    console.log("[VideoPlayer] handlePlay called, source:", source);
     setShowVideo(true);
-    // Player will auto-configure with autoPlay from hook
-  }, []);
+  }, [source]);
 
   const containerStyle = useMemo(() => ({
     width: "100%" as const,
@@ -93,8 +93,17 @@ export const VideoPlayer: React.FC<VideoPlayerProps> = ({
     [tokens]
   );
 
+  // Debug: Log player state
+  console.log("[VideoPlayer] state:", {
+    showVideo,
+    isPlayerValid: state.isPlayerValid,
+    hasPlayer: !!player,
+    source,
+  });
+
   // Show video player when playing
   if (showVideo && state.isPlayerValid && player) {
+    console.log("[VideoPlayer] Rendering VideoView");
     return (
       <View style={[containerStyle, style]}>
         <VideoView

package/src/presentation/components/ExportDialog.tsx

@@ -4,15 +4,18 @@
  */
 
 import React, { useCallback } from "react";
-import { View, ScrollView, StyleSheet } from "react-native";
+import { View, ScrollView, StyleSheet, Alert } from "react-native";
 import { useLocalization } from "@umituz/react-native-localization";
 import type { ExportSettings, VideoProject } from "../../domain/entities";
 import { useExportForm } from "../hooks/useExportForm";
-import { useExport } from "../hooks/useExport";
+import { useExport, type UseExportConfig, type ExportResult } from "../hooks/useExport";
 import {
   RESOLUTIONS,
   QUALITIES,
   FORMATS,
+  type Resolution,
+  type Quality,
+  type Format,
 } from "../../infrastructure/constants/export.constants";
 import {
   ProjectInfoBox,
@@ -24,15 +27,22 @@ import {
 } from "./export";
 
 interface ExportDialogProps {
-  project: VideoProject;
-  onExport: (settings: ExportSettings, uri?: string) => void;
-  onCancel: () => void;
+  readonly project: VideoProject;
+  readonly onExport: (settings: ExportSettings, uri?: string) => void;
+  readonly onCancel: () => void;
+  readonly exportConfig?: UseExportConfig;
 }
 
+const defaultExportFunction = async (): Promise<ExportResult> => {
+  Alert.alert("Not Configured", "Export function not provided.");
+  return { success: false, error: "Export function not configured" };
+};
+
 export const ExportDialog: React.FC<ExportDialogProps> = ({
   project,
   onExport,
   onCancel,
+  exportConfig,
 }) => {
   const { t } = useLocalization();
   const {
@@ -46,7 +56,11 @@ export const ExportDialog: React.FC<ExportDialogProps> = ({
     projectDuration,
   } = useExportForm(project);
 
-  const { isExporting, exportProgress, exportVideo, resetExport } = useExport();
+  const config: UseExportConfig = exportConfig ?? {
+    exportFunction: defaultExportFunction,
+  };
+
+  const { isExporting, exportProgress, exportVideo, resetExport } = useExport(config);
 
   const handleExport = useCallback(async () => {
     const settings = buildExportSettings();

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

@@ -11,7 +11,7 @@ import {
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
 import { ANIMATION_TYPES } from "../../../infrastructure/constants/animation-layer.constants";
-import type { AnimationType } from "../../domain/entities";
+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 "../../domain/entities";
+import type { Layer, TextLayer, ImageLayer, ShapeLayer } from "../../../domain/entities";
 
 interface LayerContentProps {
   layer: Layer;

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

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