From 073f0d89bd8ee6ccd81a3a4b3948f88816812bdf Mon Sep 17 00:00:00 2001
From: aashishparuvada <aashishvardhanp@gmail.com>
Date: Tue, 24 Jun 2025 09:31:53 +0530
Subject: feat:enabled-redo-functionality

---
 apps/web/src/stores/timeline-store.ts | 25 +++++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

(limited to 'apps/web/src/stores')

diff --git a/apps/web/src/stores/timeline-store.ts b/apps/web/src/stores/timeline-store.ts
index a369d574..e1474bae 100644
--- a/apps/web/src/stores/timeline-store.ts
+++ b/apps/web/src/stores/timeline-store.ts
@@ -21,6 +21,7 @@ export interface TimelineTrack {
 interface TimelineStore {
   tracks: TimelineTrack[];
   history: TimelineTrack[][];
+  redoStack: TimelineTrack[][];
 
   // Multi-selection
   selectedClips: { trackId: string; clipId: string }[];
@@ -57,25 +58,34 @@ interface TimelineStore {
 
   // New actions
   undo: () => void;
+  redo: () => void;
   pushHistory: () => void;
 }
 
 export const useTimelineStore = create<TimelineStore>((set, get) => ({
   tracks: [],
   history: [],
+  redoStack: [],
   selectedClips: [],
 
   pushHistory: () => {
-    const { tracks, history } = get();
+    const { tracks, history, redoStack } = get();
     // Deep copy tracks
-    set({ history: [...history, JSON.parse(JSON.stringify(tracks))] });
+    set({ 
+      history: [...history, JSON.parse(JSON.stringify(tracks))],
+      redoStack: [] // Clear redo stack when new action is performed
+    });
   },
 
   undo: () => {
-    const { history } = get();
+    const { history, redoStack, tracks } = get();
     if (history.length === 0) return;
     const prev = history[history.length - 1];
-    set({ tracks: prev, history: history.slice(0, -1) });
+    set({ 
+      tracks: prev, 
+      history: history.slice(0, -1),
+      redoStack: [...redoStack, JSON.parse(JSON.stringify(tracks))] // Add current state to redo stack
+    });
   },
 
   selectClip: (trackId, clipId, multi = false) => {
@@ -244,4 +254,11 @@ export const useTimelineStore = create<TimelineStore>((set, get) => ({
 
     return Math.max(...trackEndTimes, 0);
   },
+
+  redo: () => {
+    const { redoStack } = get();
+    if (redoStack.length === 0) return;
+    const next = redoStack[redoStack.length - 1];
+    set({ tracks: next, redoStack: redoStack.slice(0, -1) });
+  },
 }));
-- 
cgit v1.3.1