@umituz/react-native-video-editor 1.0.32 → 1.0.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-video-editor",
-  "version": "1.0.32",
+  "version": "1.0.34",
   "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",
@@ -10,7 +10,8 @@
   },
   "scripts": {
     "typecheck": "npx tsc --noEmit",
-    "lint": "echo 'Lint passed'",
+    "lint": "eslint src",
+    "lint:fix": "eslint src --fix",
     "version:patch": "npm version patch -m 'chore: release v%s'",
     "version:minor": "npm version minor -m 'chore: release v%s'",
     "version:major": "npm version major -m 'chore: release v%s'"
@@ -30,7 +31,6 @@
     "url": "https://github.com/umituz/react-native-video-editor"
   },
   "dependencies": {
-    "@umituz/react-native-filesystem": "latest",
     "expo-document-picker": ">=14.0.0"
   },
   "peerDependencies": {
@@ -47,18 +47,25 @@
     "@gorhom/bottom-sheet": "^5.2.8",
     "@types/react": "~19.1.10",
     "@umituz/react-native-design-system": "latest",
-    "@umituz/react-native-filesystem": "latest",
+    "@umituz/react-native-localization": "latest",
+    "@umituz/react-native-uuid": "latest",
     "expo-application": "^7.0.8",
+    "expo-crypto": "^13.0.2",
     "expo-device": "^8.0.10",
     "expo-document-picker": "^14.0.8",
     "expo-file-system": "^19.0.0",
     "expo-image": "^3.0.11",
+    "expo-sharing": "^14.0.8",
     "expo-video": "^3.0.15",
     "react": "19.1.0",
     "react-native": "0.81.5",
     "react-native-gesture-handler": "^2.30.0",
     "react-native-reanimated": "^4.2.1",
-    "typescript": "~5.9.2"
+    "typescript": "~5.9.2",
+    "@types/react-native": "*",
+    "@typescript-eslint/parser": "*",
+    "@typescript-eslint/eslint-plugin": "*",
+    "eslint": "*"
   },
   "publishConfig": {
     "access": "public"

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

@@ -3,7 +3,7 @@
  * Single Responsibility: Image layer business logic
  */
 
-import { generateUUID } from "@umituz/react-native-design-system";
+import { generateUUID } from "@umituz/react-native-uuid";
 import type { Scene, ImageLayer } from "../../domain/entities";
 import type { LayerOperationResult, AddImageLayerData } from "../../domain/entities";
 

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

@@ -3,7 +3,7 @@
  * Single Responsibility: Handle layer duplication operations
  */
 
-import { generateUUID } from "@umituz/react-native-design-system";
+import { generateUUID } from "@umituz/react-native-uuid";
 import type { Scene } from "../../../domain/entities";
 import type { LayerOperationResult } from "../../../domain/entities";
 

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

@@ -3,7 +3,7 @@
  * Single Responsibility: Business logic for scene operations
  */
 
-import { generateUUID } from "@umituz/react-native-design-system";
+import { generateUUID } from "@umituz/react-native-uuid";
 import type { Scene, Audio } from "../../domain/entities";
 import type { SceneOperationResult } from "../../domain/entities";
 

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

@@ -3,7 +3,7 @@
  * Single Responsibility: Shape layer business logic
  */
 
-import { generateUUID } from "@umituz/react-native-design-system";
+import { generateUUID } from "@umituz/react-native-uuid";
 import type { Scene, ShapeLayer } from "../../domain/entities";
 import type { LayerOperationResult, AddShapeLayerData } from "../../domain/entities";
 

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

@@ -3,7 +3,7 @@
  * Single Responsibility: Text layer business logic
  */
 
-import { generateUUID } from "@umituz/react-native-design-system";
+import { generateUUID } from "@umituz/react-native-uuid";
 import type { Scene, TextLayer } from "../../domain/entities";
 import type { LayerOperationResult, AddTextLayerData } from "../../domain/entities";
 

package/src/player/infrastructure/services/player-control.service.ts

@@ -44,7 +44,7 @@ export const safePause = (player: VideoPlayer | null): boolean => {
     return true;
   } catch (error) {
     if (typeof __DEV__ !== "undefined" && __DEV__) {
-      // eslint-disable-next-line no-console
+       
       console.log("[VideoPlayer] Pause error ignored:", error);
     }
     return false;
@@ -96,7 +96,7 @@ export const configurePlayer = (
     }
   } catch (error) {
     if (typeof __DEV__ !== "undefined" && __DEV__) {
-      // eslint-disable-next-line no-console
+       
       console.log("[VideoPlayer] Configure error ignored:", error);
     }
   }

package/src/player/infrastructure/services/video-cache.service.ts

@@ -13,7 +13,7 @@ import {
   clearCache,
   type DownloadProgressCallback,
   type DownloadProgress,
-} from "@umituz/react-native-filesystem";
+} from "@umituz/react-native-design-system";
 
 declare const __DEV__: boolean;
 

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

@@ -35,7 +35,7 @@ export const useVideoPlayerControl = (
 
   const player = useExpoVideoPlayer(source || "", (p) => {
     if (typeof __DEV__ !== "undefined" && __DEV__) {
-      // eslint-disable-next-line no-console
+       
       console.log("[useVideoPlayerControl] Player callback, source:", source, "player:", !!p);
     }
     if (source && p) {
@@ -45,7 +45,7 @@ export const useVideoPlayerControl = (
         setIsPlaying(true);
       }
       if (typeof __DEV__ !== "undefined" && __DEV__) {
-        // eslint-disable-next-line no-console
+         
         console.log("[useVideoPlayerControl] Player status:", {
           currentTime: p.currentTime,
           duration: p.duration,

package/src/presentation/components/AnimationEditor.tsx

@@ -5,7 +5,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 { useAnimationLayerForm } from "../hooks/useAnimationLayerForm";
 import {

package/src/presentation/components/AudioEditor.tsx

@@ -57,7 +57,7 @@ export const AudioEditor: React.FC<AudioEditorProps> = ({
       if (!result.canceled && result.assets && result.assets.length > 0) {
         setAudioUri(result.assets[0].uri);
       }
-    } catch (error) {
+    } catch {
       Alert.alert(t("audio.errors.pickFailed"));
     }
   }, [setAudioUri, t]);

package/src/presentation/components/DraggableLayer.tsx

@@ -63,17 +63,16 @@ export const DraggableLayer: React.FC<DraggableLayerProps> = ({
 
   const animatedStyle = useAnimatedStyle(() => {
     const rotationStr = `${layer.rotation}deg`;
-    const style = {
+    return {
       transform: [
         { translateX: translateX.value },
         { translateY: translateY.value },
         { rotate: rotationStr },
-      ] as const,
+      ],
       opacity: layer.opacity,
       width: width.value,
       height: height.value,
     };
-    return style as any;
   });
 
   return (

package/src/presentation/components/EditorHeader.tsx

@@ -10,7 +10,6 @@ import {
   AtomicIcon,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
-import { AppNavigation } from "@umituz/react-native-design-system";
 
 export interface EditorHeaderProps {
   projectTitle: string;

package/src/presentation/components/EditorPreviewArea.styles.ts

@@ -1,7 +1,7 @@
 import { StyleSheet } from "react-native";
 import { DesignTokens } from "@umituz/react-native-design-system";
 
-export const createPreviewStyles = (tokens: DesignTokens) =>
+export const createPreviewStyles = (_tokens: DesignTokens) =>
   StyleSheet.create({
     previewSection: {
       padding: 16,

package/src/presentation/components/EditorToolPanel.tsx

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

package/src/presentation/components/ExportDialog.tsx

@@ -13,9 +13,6 @@ import {
   RESOLUTIONS,
   QUALITIES,
   FORMATS,
-  type Resolution,
-  type Quality,
-  type Format,
 } from "../../infrastructure/constants/export.constants";
 import {
   ProjectInfoBox,

package/src/presentation/components/LayerActionsMenu.tsx

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

package/src/presentation/components/SceneActionsMenu.tsx

@@ -19,7 +19,7 @@ export interface SceneActionsMenuProps {
 }
 
 export const SceneActionsMenu: React.FC<SceneActionsMenuProps> = ({
-  sceneIndex,
+  sceneIndex: _sceneIndex,
   canDelete,
   onDuplicate,
   onDelete,

package/src/presentation/components/ShapeLayerEditor.tsx

@@ -5,11 +5,6 @@
 
 import React from "react";
 import { View, ScrollView, StyleSheet } from "react-native";
-import {
-  AtomicText,
-  AtomicIcon,
-  useAppDesignTokens,
-} from "@umituz/react-native-design-system";
 import type { ShapeLayer } from "../../domain/entities";
 import { useShapeLayerForm } from "../hooks/useShapeLayerForm";
 import {
@@ -35,7 +30,6 @@ export const ShapeLayerEditor: React.FC<ShapeLayerEditorProps> = ({
   onSave,
   onCancel,
 }) => {
-  const tokens = useAppDesignTokens();
   const {
     formState,
     setShape,

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

@@ -4,7 +4,7 @@
  */
 
 import React from "react";
-import { View, StyleSheet } from "react-native";
+import { StyleSheet } from "react-native";
 import { Gesture, GestureDetector } from "react-native-gesture-handler";
 import Animated from "react-native-reanimated";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";

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

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

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

@@ -7,7 +7,6 @@ import React from "react";
 import { View, StyleSheet, TouchableOpacity } from "react-native";
 import {
   AtomicText,
-  AtomicIcon,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";

package/src/presentation/hooks/useEditorBottomSheet.ts

@@ -4,7 +4,6 @@
  */
 
 import { useState, useCallback } from "react";
-import { Alert } from "react-native";
 
 export interface BottomSheetContent {
   title: string;

package/src/presentation/hooks/useEditorHistory.ts

@@ -3,24 +3,12 @@
  * Single Responsibility: History operations for editor
  */
 
-import { useCallback } from "react";
-import { Alert } from "react-native";
-import { useLocalization } from "@umituz/react-native-localization";
-// TODO: Refactor to use TanStack Query instead of store
-// Temporary stub until refactor
-const useHistoryStore = () => ({
-  addToHistory: () => {},
-  pushHistory: (_project: VideoProject | undefined, _action: string) => {},
-  undo: () => undefined,
-  redo: () => undefined,
-  canUndo: () => false,
-  canRedo: () => false,
-});
+import { useCallback, useState } from "react";
 import type { VideoProject } from "../../domain/entities";
 
 export interface UseEditorHistoryParams {
   project: VideoProject | undefined;
-  projectId: string;
+  projectId: string; // Kept for interface compatibility, used for reset if needed
   onUpdateProject: (updates: Partial<VideoProject>) => void;
 }
 
@@ -34,49 +22,56 @@ export interface UseEditorHistoryReturn {
 
 export function useEditorHistory({
   project,
-  projectId,
   onUpdateProject,
 }: UseEditorHistoryParams): UseEditorHistoryReturn {
-  const { t } = useLocalization();
-  const {
-    pushHistory,
-    undo: historyUndo,
-    redo: historyRedo,
-    canUndo,
-    canRedo,
-  } = useHistoryStore();
+  const [history, setHistory] = useState<VideoProject[]>([]);
+  const [future, setFuture] = useState<VideoProject[]>([]);
 
   const updateWithHistory = useCallback(
-    (updates: Partial<VideoProject>, action: string) => {
+    (updates: Partial<VideoProject>, _action: string) => {
       if (project) {
-        pushHistory(project, action);
+        // Push current state to history before updating
+        setHistory((prev) => [...prev, project]);
+        // Clear future
+        setFuture([]);
+        
         onUpdateProject(updates);
       }
     },
-    [project, pushHistory, onUpdateProject],
+    [project, onUpdateProject],
   );
 
   const undo = useCallback(() => {
-    const previousState = historyUndo();
-    if (previousState) {
-      onUpdateProject(previousState);
-      Alert.alert(t("editor.history.undo.success"));
-    }
-  }, [historyUndo, onUpdateProject, t]);
+    if (history.length === 0 || !project) return;
+
+    const previousState = history[history.length - 1];
+    const newHistory = history.slice(0, -1);
+
+    setFuture((prev) => [project, ...prev]);
+    setHistory(newHistory);
+
+    // Full replacement of state
+    // We assume onUpdateProject can handle a full object which is a superset of Partial
+    onUpdateProject(previousState);
+  }, [history, project, onUpdateProject]);
 
   const redo = useCallback(() => {
-    const nextState = historyRedo();
-    if (nextState) {
-      onUpdateProject(nextState);
-      Alert.alert(t("editor.history.redo.success"));
-    }
-  }, [historyRedo, onUpdateProject, t]);
+    if (future.length === 0 || !project) return;
+
+    const nextState = future[0];
+    const newFuture = future.slice(1);
+
+    setHistory((prev) => [...prev, project]);
+    setFuture(newFuture);
+
+    onUpdateProject(nextState);
+  }, [future, project, onUpdateProject]);
 
   return {
     undo,
     redo,
-    canUndo: canUndo(),
-    canRedo: canRedo(),
+    canUndo: history.length > 0,
+    canRedo: future.length > 0,
     updateWithHistory,
   };
 }