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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-video-editor",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "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/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";
 
 export type Easing = "linear" | "ease-in" | "ease-out" | "ease-in-out";
 

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

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

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

@@ -3,7 +3,7 @@
  * Orchestrator service that delegates to specialized layer operation services
  */
 
-import type { Scene, Animation } from "../../../domain/entities";
+import type { Scene, Animation } from "../../domain/entities";
 import type { LayerOperationResult, LayerOrderAction } from "../../types";
 import {
   layerDeleteService,

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

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

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

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

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

@@ -3,7 +3,7 @@
  * Single Responsibility: Handle layer ordering operations
  */
 
-import type { Scene } from "../../../domain/entities";
+import type { Scene } from "../../domain/entities";
 import type { LayerOperationResult, LayerOrderAction } from "../../../types";
 
 class LayerOrderService {

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

@@ -3,7 +3,7 @@
  * Single Responsibility: Handle layer position, size, and animation updates
  */
 
-import type { Scene, Animation, Layer } from "../../../domain/entities";
+import type { Scene, Animation, Layer } from "../../domain/entities";
 import type { LayerOperationResult } from "../../../types";
 
 class LayerTransformService {

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

@@ -7,7 +7,7 @@ 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";
 import type {
   LayerOperationResult,
   LayerOrderAction,

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

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

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

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

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

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

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 "../../../domain/entities";
+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 "../../../domain/entities";
+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 "../../../domain/entities";
+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 "../../../domain/entities";
+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 "../../../domain/entities";
+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 "../../../domain/entities";
+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 "../../../domain/entities";
+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 "../../../domain/entities";
+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 "../../../domain/entities";
+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 "../../../domain/entities";
+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 "../../../domain/entities";
+import type { TextLayer } from "../../domain/entities";
 import { useTextLayerForm } from "../../hooks/useTextLayerForm";
 import {
   FONT_FAMILIES,

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

@@ -10,8 +10,8 @@ import {
   AtomicIcon,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
-import { ANIMATION_TYPES } from "../../../constants/animation-layer.constants";
-import type { AnimationType } from "../../../domain/entities";
+import { ANIMATION_TYPES } from "../../../infrastructure/constants/animation-layer.constants";
+import type { AnimationType } from "../../domain/entities";
 
 interface AnimationTypeSelectorProps {
   selectedType: AnimationType;

package/src/presentation/components/audio-layer/AudioFileSelector.tsx

@@ -10,7 +10,7 @@ import {
   AtomicIcon,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
-import { SUPPORTED_AUDIO_FORMATS } from "../../../constants/audio-layer.constants";
+import { SUPPORTED_AUDIO_FORMATS } from "../../../infrastructure/constants/audio-layer.constants";
 
 interface AudioFileSelectorProps {
   audioUri: string;

package/src/presentation/components/audio-layer/FadeEffectsSelector.tsx

@@ -12,7 +12,7 @@ import {
 import {
   FADE_IN_OPTIONS,
   FADE_OUT_OPTIONS,
-} from "../../../constants/audio-layer.constants";
+} from "../../../infrastructure/constants/audio-layer.constants";
 
 interface FadeEffectsSelectorProps {
   fadeIn: number;

package/src/presentation/components/audio-layer/VolumeSelector.tsx

@@ -9,7 +9,7 @@ import {
   AtomicText,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
-import { VOLUME_OPTIONS } from "../../../constants/audio-layer.constants";
+import { VOLUME_OPTIONS } from "../../../infrastructure/constants/audio-layer.constants";
 
 interface VolumeSelectorProps {
   volume: number;

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;

package/src/presentation/components/image-layer/OpacitySelector.tsx

@@ -10,7 +10,7 @@ import {
   AtomicText,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
-import { IMAGE_OPACITY_OPTIONS } from "../../../constants/image-layer.constants";
+import { IMAGE_OPACITY_OPTIONS } from "../../../infrastructure/constants/image-layer.constants";
 
 interface OpacitySelectorProps {
   opacity: number;

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

@@ -10,7 +10,7 @@ import {
   AtomicIcon,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
-import { SHAPE_COLORS } from "../../../constants/shape-layer.constants";
+import { SHAPE_COLORS } from "../../../infrastructure/constants/shape-layer.constants";
 
 interface ColorPickerHorizontalProps {
   title: string;

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

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

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

@@ -13,7 +13,7 @@ import {
 import {
   SHAPES,
   type ShapeType,
-} from "../../../constants/shape-layer.constants";
+} from "../../../infrastructure/constants/shape-layer.constants";
 
 interface ShapeTypeSelectorProps {
   selectedShape: ShapeType;

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

@@ -11,7 +11,7 @@ import {
   AtomicIcon,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
-import { TEXT_COLORS } from "../../../constants/text-layer.constants";
+import { TEXT_COLORS } from "../../../infrastructure/constants/text-layer.constants";
 
 interface ColorPickerProps {
   selectedColor: string;

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

@@ -10,7 +10,7 @@ import {
   AtomicText,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
-import { FONT_SIZES } from "../../../constants/text-layer.constants";
+import { FONT_SIZES } from "../../../infrastructure/constants/text-layer.constants";
 
 interface FontSizeSelectorProps {
   fontSize: number;

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

@@ -11,7 +11,7 @@ import {
   AtomicIcon,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
-import { TEXT_ALIGNS } from "../../../constants/text-layer.constants";
+import { TEXT_ALIGNS } from "../../../infrastructure/constants/text-layer.constants";
 
 interface TextAlignSelectorProps {
   textAlign: "left" | "center" | "right";

package/src/presentation/hooks/useAnimationLayerForm.ts

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

package/src/presentation/hooks/useAudioLayerForm.ts

@@ -4,7 +4,7 @@
  */
 
 import { useState, useCallback } from "react";
-import type { Audio } from "../../../domain/entities";
+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 "../../../domain/entities";
+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 "../../../domain/entities";
+import type { VideoProject } from "../../domain/entities";
 
 export interface UseEditorHistoryParams {
   project: VideoProject | undefined;

package/src/presentation/hooks/useEditorLayers.ts

@@ -12,8 +12,8 @@ import type {
   AddImageLayerData,
   AddShapeLayerData,
   LayerOrderAction,
-} from "../types";
-import type { TextLayer, ImageLayer, Animation } from "../../../domain/entities";
+} from "../../domain/entities";
+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 "../../../domain/entities";
+import type { Scene } from "../../domain/entities";
 
 export interface UseEditorPlaybackParams {
   currentScene: Scene | undefined;

package/src/presentation/hooks/useEditorScenes.ts

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

package/src/presentation/hooks/useExportActions.tsx

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

package/src/presentation/hooks/useExportForm.ts

@@ -4,17 +4,17 @@
  */
 
 import { useState, useCallback, useMemo } from "react";
-import type { ExportSettings, VideoProject } from "../../../domain/entities";
+import type { ExportSettings, VideoProject } from "../../domain/entities";
 import type {
   Resolution,
   Quality,
   Format,
-} from "../constants/export.constants";
+} from "../../infrastructure/constants/export.constants";
 import {
   BASE_SIZE_PER_SECOND,
   RESOLUTION_MULTIPLIERS,
   QUALITY_MULTIPLIERS,
-} from "../constants/export.constants";
+} from "../../infrastructure/constants/export.constants";
 
 export interface ExportFormState {
   resolution: Resolution;

package/src/presentation/hooks/useImageLayerForm.ts

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

package/src/presentation/hooks/useImageLayerOperations.ts

@@ -5,9 +5,9 @@
 
 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 "../../../domain/entities";
+import { layerOperationsService } from "../../infrastructure/services/layer-operations.service";
+import type { AddImageLayerData } from "../../domain/entities";
+import type { ImageLayer } from "../../domain/entities";
 
 export interface UseImageLayerOperationsParams {
   scenes: any[];

package/src/presentation/hooks/useLayerActions.tsx

@@ -4,11 +4,11 @@
  */
 
 import { useCallback } from "react";
-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 "../../../domain/entities";
+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 type { ImageLayer } from "../../domain/entities";
 import type { UseEditorLayersReturn } from "./useEditorLayers";
 import type { UseEditorBottomSheetReturn } from "./useEditorBottomSheet";
 

package/src/presentation/hooks/useLayerManipulation.ts

@@ -5,9 +5,9 @@
 
 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 "../../../domain/entities";
+import { layerOperationsService } from "../../infrastructure/services/layer-operations.service";
+import type { LayerOrderAction } from "../../domain/entities";
+import type { Animation } from "../../domain/entities";
 
 export interface UseLayerManipulationParams {
   scenes: any[];

package/src/presentation/hooks/useShapeLayerForm.ts

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

package/src/presentation/hooks/useShapeLayerOperations.ts

@@ -5,8 +5,8 @@
 
 import { useCallback } from "react";
 import { Alert } from "react-native";
-import { layerOperationsService } from "../infrastructure/services/layer-operations.service";
-import type { AddShapeLayerData } from "../types";
+import { layerOperationsService } from "../../infrastructure/services/layer-operations.service";
+import type { AddShapeLayerData } from "../../domain/entities";
 
 export interface UseShapeLayerOperationsParams {
   scenes: any[];

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 "../../../domain/entities";
+import type { TextLayer } from "../../domain/entities";
 
 export interface TextLayerFormState {
   text: string;

package/src/presentation/hooks/useTextLayerOperations.ts

@@ -5,9 +5,9 @@
 
 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 "../../../domain/entities";
+import { layerOperationsService } from "../../infrastructure/services/layer-operations.service";
+import type { AddTextLayerData } from "../../domain/entities";
+import type { TextLayer } from "../../domain/entities";
 
 export interface UseTextLayerOperationsParams {
   scenes: any[];