Revert "refactor: overhaul timeline component, separate into different files"

This reverts commit 2aa37920d5.
This commit is contained in:
Maze Winther
2025-06-24 17:54:41 +02:00
parent 2aa37920d5
commit bbf9aae234
8 changed files with 1830 additions and 1944 deletions

View File

@ -1,51 +0,0 @@
import { useEffect } from "react";
import { useTimelineStore } from "@/stores/timeline-store";
export function useKeyboardShortcuts() {
const { selectedClips, removeClipFromTrack, clearSelectedClips, undo, redo } =
useTimelineStore();
// Delete/Backspace - Delete selected clips
useEffect(() => {
const handleKeyDown = (e: KeyboardEvent) => {
if (
(e.key === "Delete" || e.key === "Backspace") &&
selectedClips.length > 0
) {
selectedClips.forEach(({ trackId, clipId }) => {
removeClipFromTrack(trackId, clipId);
});
clearSelectedClips();
}
};
window.addEventListener("keydown", handleKeyDown);
return () => window.removeEventListener("keydown", handleKeyDown);
}, [selectedClips, removeClipFromTrack, clearSelectedClips]);
// Cmd+Z / Ctrl+Z - Undo
useEffect(() => {
const handleKeyDown = (e: KeyboardEvent) => {
if ((e.metaKey || e.ctrlKey) && e.key === "z" && !e.shiftKey) {
e.preventDefault();
undo();
}
};
window.addEventListener("keydown", handleKeyDown);
return () => window.removeEventListener("keydown", handleKeyDown);
}, [undo]);
// Cmd+Shift+Z / Ctrl+Shift+Z or Cmd+Y / Ctrl+Y - Redo
useEffect(() => {
const handleKeyDown = (e: KeyboardEvent) => {
if ((e.metaKey || e.ctrlKey) && e.key === "z" && e.shiftKey) {
e.preventDefault();
redo();
} else if ((e.metaKey || e.ctrlKey) && e.key === "y") {
e.preventDefault();
redo();
}
};
window.addEventListener("keydown", handleKeyDown);
return () => window.removeEventListener("keydown", handleKeyDown);
}, [redo]);
}