@umituz/react-native-video-editor 1.0.4 → 1.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-video-editor",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "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/infrastructure/services/image-layer-operations.service.ts

@@ -5,7 +5,7 @@
 
 import { generateUUID } from "@umituz/react-native-uuid";
 import type { Scene, ImageLayer } from "../../domain/entities";
-import type { LayerOperationResult, AddImageLayerData } from "../../types";
+import type { LayerOperationResult, AddImageLayerData } from "../../domain/entities";
 
 class ImageLayerOperationsService {
   /**

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

@@ -4,7 +4,7 @@
  */
 
 import type { Scene, Animation } from "../../domain/entities";
-import type { LayerOperationResult, LayerOrderAction } from "../../types";
+import type { LayerOperationResult, LayerOrderAction } from "../../domain/entities";
 import {
   layerDeleteService,
   layerOrderService,

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 "../../../types";
+import type { Scene } from "../../../domain/entities";
+import type { LayerOperationResult } from "../../../domain/entities";
 
 class LayerDeleteService {
   /**

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

@@ -4,8 +4,8 @@
  */
 
 import { generateUUID } from "@umituz/react-native-uuid";
-import type { Scene } from "../../domain/entities";
-import type { LayerOperationResult } from "../../../types";
+import type { Scene } from "../../../domain/entities";
+import type { LayerOperationResult } from "../../../domain/entities";
 
 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 "../../../types";
+import type { Scene } from "../../../domain/entities";
+import type { LayerOperationResult, LayerOrderAction } from "../../../domain/entities";
 
 class LayerOrderService {
   /**

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 "../../../types";
+import type { Scene, Animation, Layer } from "../../../domain/entities";
+import type { LayerOperationResult } from "../../../domain/entities";
 
 class LayerTransformService {
   /**

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

@@ -14,7 +14,7 @@ import type {
   AddTextLayerData,
   AddImageLayerData,
   AddShapeLayerData,
-} from "../../types";
+} from "../../domain/entities";
 
 class LayerOperationsService {
   /**

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

@@ -5,7 +5,7 @@
 
 import { generateUUID } from "@umituz/react-native-uuid";
 import type { Scene, Audio } from "../../domain/entities";
-import type { SceneOperationResult } from "../../types";
+import type { SceneOperationResult } from "../../domain/entities";
 
 class SceneOperationsService {
   /**

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

@@ -5,7 +5,7 @@
 
 import { generateUUID } from "@umituz/react-native-uuid";
 import type { Scene, ShapeLayer } from "../../domain/entities";
-import type { LayerOperationResult, AddShapeLayerData } from "../../types";
+import type { LayerOperationResult, AddShapeLayerData } from "../../domain/entities";
 
 class ShapeLayerOperationsService {
   /**

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

@@ -5,7 +5,7 @@
 
 import { generateUUID } from "@umituz/react-native-uuid";
 import type { Scene, TextLayer } from "../../domain/entities";
-import type { LayerOperationResult, AddTextLayerData } from "../../types";
+import type { LayerOperationResult, AddTextLayerData } from "../../domain/entities";
 
 class TextLayerOperationsService {
   /**

package/src/presentation/components/AnimationEditor.tsx

@@ -7,13 +7,13 @@ import React from "react";
 import { View, ScrollView, StyleSheet } from "react-native";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import type { Animation } from "../../domain/entities";
-import { useAnimationLayerForm } from "../../hooks/useAnimationLayerForm";
+import { useAnimationLayerForm } from "../hooks/useAnimationLayerForm";
 import {
   DURATIONS,
   DELAYS,
   EASINGS,
   type Easing,
-} from "../../constants/animation-layer.constants";
+} from "../../infrastructure/constants/animation-layer.constants";
 import { ValueSelector } from "./shape-layer/ValueSelector";
 import { OptionSelector } from "./text-layer/OptionSelector";
 import {

package/src/presentation/components/AudioEditor.tsx

@@ -11,8 +11,8 @@ import {
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
 import type { Audio } from "../../domain/entities";
-import { useAudioLayerForm } from "../../hooks/useAudioLayerForm";
-import { AUDIO_FILE_TYPES } from "../../constants/audio-layer.constants";
+import { useAudioLayerForm } from "../hooks/useAudioLayerForm";
+import { AUDIO_FILE_TYPES } from "../../infrastructure/constants/audio-layer.constants";
 import {
   AudioFileSelector,
   VolumeSelector,

package/src/presentation/components/DraggableLayer.tsx

@@ -9,7 +9,7 @@ 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 "../../domain/entities";
-import { useDraggableLayerGestures } from "../../hooks/useDraggableLayerGestures";
+import { useDraggableLayerGestures } from "../hooks/useDraggableLayerGestures";
 import { LayerContent } from "./draggable-layer/LayerContent";
 import { ResizeHandles } from "./draggable-layer/ResizeHandles";
 

package/src/presentation/components/ExportDialog.tsx

@@ -7,13 +7,13 @@ import React, { useCallback } from "react";
 import { View, ScrollView, StyleSheet } 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 { useExportForm } from "../hooks/useExportForm";
+import { useExport } from "../hooks/useExport";
 import {
   RESOLUTIONS,
   QUALITIES,
   FORMATS,
-} from "../../constants/export.constants";
+} from "../../infrastructure/constants/export.constants";
 import {
   ProjectInfoBox,
   OptionSelectorRow,

package/src/presentation/components/ImageLayerEditor.tsx

@@ -5,10 +5,8 @@
 
 import React, { useCallback } from "react";
 import { View, ScrollView, StyleSheet, Alert } from "react-native";
-import { useImagePicker } from "@/domains/media";
 import type { ImageLayer } from "../../domain/entities";
-import { useImageLayerForm } from "../../hooks/useImageLayerForm";
-import { IMAGE_PICKER_OPTIONS } from "../../constants/image-layer.constants";
+import { useImageLayerForm } from "../hooks/useImageLayerForm";
 import {
   ImagePreview,
   ImageSelectionButtons,
@@ -16,36 +14,52 @@ import {
 } from "./image-layer";
 import { EditorActions } from "./text-layer/EditorActions";
 
+interface ImagePickerResult {
+  canceled: boolean;
+  assets?: Array<{ uri: string }>;
+}
+
 interface ImageLayerEditorProps {
-  layer?: ImageLayer;
-  onSave: (layerData: Partial<ImageLayer>) => void;
-  onCancel: () => void;
+  readonly layer?: ImageLayer;
+  readonly onSave: (layerData: Partial<ImageLayer>) => void;
+  readonly onCancel: () => void;
+  readonly onPickFromLibrary?: () => Promise<ImagePickerResult>;
+  readonly onTakePhoto?: () => Promise<ImagePickerResult>;
 }
 
 export const ImageLayerEditor: React.FC<ImageLayerEditorProps> = ({
   layer,
   onSave,
   onCancel,
+  onPickFromLibrary,
+  onTakePhoto,
 }) => {
-  const { pickFromLibrary, pickFromCamera } = useImagePicker();
   const { formState, setImageUri, setOpacity, buildLayerData, isValid } =
     useImageLayerForm(layer);
 
   const handlePickImage = useCallback(async () => {
-    const result = await pickFromLibrary(IMAGE_PICKER_OPTIONS);
+    if (!onPickFromLibrary) {
+      Alert.alert("Not Available", "Image picker not configured.");
+      return;
+    }
+    const result = await onPickFromLibrary();
 
     if (!result.canceled && result.assets?.[0]) {
       setImageUri(result.assets[0].uri);
     }
-  }, [pickFromLibrary, setImageUri]);
+  }, [onPickFromLibrary, setImageUri]);
 
   const handleTakePhoto = useCallback(async () => {
-    const result = await pickFromCamera(IMAGE_PICKER_OPTIONS);
+    if (!onTakePhoto) {
+      Alert.alert("Not Available", "Camera not configured.");
+      return;
+    }
+    const result = await onTakePhoto();
 
     if (!result.canceled && result.assets?.[0]) {
       setImageUri(result.assets[0].uri);
     }
-  }, [pickFromCamera, setImageUri]);
+  }, [onTakePhoto, setImageUri]);
 
   const handleSave = useCallback(() => {
     if (!isValid) {
@@ -58,7 +72,7 @@ export const ImageLayerEditor: React.FC<ImageLayerEditorProps> = ({
   return (
     <View style={styles.container}>
       <ScrollView showsVerticalScrollIndicator={false}>
-        <View style={{ marginBottom: 24 }}>
+        <View style={styles.previewContainer}>
           <ImagePreview
             imageUri={formState.imageUri}
             opacity={formState.opacity}
@@ -92,4 +106,7 @@ const styles = StyleSheet.create({
   container: {
     paddingVertical: 16,
   },
+  previewContainer: {
+    marginBottom: 24,
+  },
 });

package/src/presentation/components/ShapeLayerEditor.tsx

@@ -11,11 +11,11 @@ import {
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
 import type { ShapeLayer } from "../../domain/entities";
-import { useShapeLayerForm } from "../../hooks/useShapeLayerForm";
+import { useShapeLayerForm } from "../hooks/useShapeLayerForm";
 import {
   BORDER_WIDTHS,
   OPACITY_OPTIONS,
-} from "../../constants/shape-layer.constants";
+} from "../../infrastructure/constants/shape-layer.constants";
 import {
   ShapeTypeSelector,
   ColorPickerHorizontal,

package/src/presentation/components/TextLayerEditor.tsx

@@ -7,11 +7,11 @@ import React from "react";
 import { View, ScrollView, StyleSheet } from "react-native";
 import { useLocalization } from "@umituz/react-native-localization";
 import type { TextLayer } from "../../domain/entities";
-import { useTextLayerForm } from "../../hooks/useTextLayerForm";
+import { useTextLayerForm } from "../hooks/useTextLayerForm";
 import {
   FONT_FAMILIES,
   FONT_WEIGHTS,
-} from "../../constants/text-layer.constants";
+} from "../../infrastructure/constants/text-layer.constants";
 import {
   TextInputSection,
   FontSizeSelector,

package/src/presentation/components/shape-layer/ShapePreview.tsx

@@ -10,7 +10,7 @@ import {
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
 import type { ShapeType } from "../../../infrastructure/constants/shape-layer.constants";
-import type { ShapeLayerFormState } from "../../../hooks/useShapeLayerForm";
+import type { ShapeLayerFormState } from "../../hooks/useShapeLayerForm";
 
 interface ShapePreviewProps {
   formState: ShapeLayerFormState;

package/src/presentation/components/text-layer/TextPreview.tsx

@@ -9,7 +9,7 @@ import {
   AtomicText,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
-import type { TextLayerFormState } from "../../../hooks/useTextLayerForm";
+import type { TextLayerFormState } from "../../hooks/useTextLayerForm";
 
 interface TextPreviewProps {
   formState: TextLayerFormState;

package/src/presentation/hooks/useExportActions.tsx

@@ -4,7 +4,7 @@
  */
 
 import { useCallback } from "react";
-import { ExportDialog } from "../components/export";
+import { ExportDialog } from "../components/ExportDialog";
 import type { VideoProject, ExportSettings } from "../../domain/entities";
 import type { UseEditorBottomSheetReturn } from "./useEditorBottomSheet";
 

package/src/presentation/hooks/useLayerActions.tsx

@@ -4,10 +4,10 @@
  */
 
 import { useCallback } from "react";
-import { TextLayerEditor } from "../components/text-layer";
-import { ImageLayerEditor } from "../components/image-layer";
-import { ShapeLayerEditor } from "../components/shape-layer";
-import { AnimationEditor } from "../components/animation-layer";
+import { TextLayerEditor } from "../components/TextLayerEditor";
+import { ImageLayerEditor } from "../components/ImageLayerEditor";
+import { ShapeLayerEditor } from "../components/ShapeLayerEditor";
+import { AnimationEditor } from "../components/AnimationEditor";
 import type { ImageLayer } from "../../domain/entities";
 import type { UseEditorLayersReturn } from "./useEditorLayers";
 import type { UseEditorBottomSheetReturn } from "./useEditorBottomSheet";

package/src/presentation/hooks/useMenuActions.tsx

@@ -4,7 +4,7 @@
  */
 
 import { useCallback } from "react";
-import { LayerActionsMenu } from "../presentation/components/LayerActionsMenu";
+import { LayerActionsMenu } from "../components/LayerActionsMenu";
 import type { UseEditorLayersReturn } from "./useEditorLayers";
 import type { UseEditorBottomSheetReturn } from "./useEditorBottomSheet";
 

package/src/presentation/hooks/useSceneActions.tsx

@@ -4,8 +4,8 @@
  */
 
 import { useCallback } from "react";
-import { AudioEditor } from "../presentation/components/AudioEditor";
-import { SceneActionsMenu } from "../presentation/components/SceneActionsMenu";
+import { AudioEditor } from "../components/AudioEditor";
+import { SceneActionsMenu } from "../components/SceneActionsMenu";
 import type { UseEditorScenesReturn } from "./useEditorScenes";
 import type { UseEditorBottomSheetReturn } from "./useEditorBottomSheet";