@umituz/react-native-video-editor 1.1.20 → 1.1.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-video-editor",
-  "version": "1.1.20",
+  "version": "1.1.22",
   "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/presentation/components/DraggableLayer.tsx

@@ -33,10 +33,13 @@ export const DraggableLayer: React.FC<DraggableLayerProps> = ({
 }) => {
   const tokens = useAppDesignTokens();
 
-  const initialX = (layer.position.x / 100) * canvasWidth;
-  const initialY = (layer.position.y / 100) * canvasHeight;
-  const initialWidth = (layer.size.width / 100) * canvasWidth;
-  const initialHeight = (layer.size.height / 100) * canvasHeight;
+  const safeCanvasWidth = canvasWidth > 0 ? canvasWidth : 1;
+  const safeCanvasHeight = canvasHeight > 0 ? canvasHeight : 1;
+
+  const initialX = (layer.position.x / 100) * safeCanvasWidth;
+  const initialY = (layer.position.y / 100) * safeCanvasHeight;
+  const initialWidth = (layer.size.width / 100) * safeCanvasWidth;
+  const initialHeight = (layer.size.height / 100) * safeCanvasHeight;
 
   const {
     state,
@@ -50,8 +53,8 @@ export const DraggableLayer: React.FC<DraggableLayerProps> = ({
     initialY,
     initialWidth,
     initialHeight,
-    canvasWidth,
-    canvasHeight,
+    canvasWidth: safeCanvasWidth,
+    canvasHeight: safeCanvasHeight,
     onSelect,
     onPositionChange,
     onSizeChange,

package/src/presentation/hooks/useEditorHistory.ts

@@ -20,6 +20,8 @@ interface UseEditorHistoryReturn {
   updateWithHistory: (updates: Partial<VideoProject>, action: string) => void;
 }
 
+const MAX_HISTORY_SIZE = 50;
+
 export function useEditorHistory({
   project,
   onUpdateProject,
@@ -30,9 +32,10 @@ export function useEditorHistory({
   const updateWithHistory = useCallback(
     (updates: Partial<VideoProject>, _action: string) => {
       if (project) {
-        // Push current state to history before updating
-        setHistory((prev) => [...prev, project]);
-        // Clear future
+        setHistory((prev) => {
+          const next = [...prev, project];
+          return next.length > MAX_HISTORY_SIZE ? next.slice(-MAX_HISTORY_SIZE) : next;
+        });
         setFuture([]);
         
         onUpdateProject(updates);

package/src/presentation/hooks/useExport.ts

@@ -58,12 +58,20 @@ export function useExport(config: UseExportConfig): UseExportReturn {
       setIsExporting(true);
       setExportProgress(null);
 
-      const result = await config.exportFunction(project, settings, (progress) => {
-        setExportProgress(progress);
-      });
+      try {
+        const result = await config.exportFunction(project, settings, (progress) => {
+          setExportProgress(progress);
+        });
 
-      setIsExporting(false);
-      return result;
+        return result;
+      } catch (error) {
+        return {
+          success: false,
+          error: error instanceof Error ? error.message : String(error),
+        };
+      } finally {
+        setIsExporting(false);
+      }
     },
     [config],
   );