Commit Graph

300 Commits

Author SHA1 Message Date
Maze Winther bb65d4fb96 refactor: timeline playhead component and hook 2025-07-10 23:55:08 +02:00
Maze Winther eabcdb0988 fix: preview image scaling 2025-07-10 23:45:59 +02:00
Maze Winther c86d200297 fix: increase max text size to 300 2025-07-10 23:22:57 +02:00
Maze Winther 3d6786a587 fix: make text scale based on preview size 2025-07-10 23:22:40 +02:00
Maze Winther f43021e994 background 2025-07-10 22:40:01 +02:00
Maze Winther 4fc14947ad fix: tailwind class 2025-07-10 22:21:09 +02:00
Maze Winther 7ec9167aeb refactor: new font picker component 2025-07-10 21:52:46 +02:00
Maze Winther f984f615ce style: text area bg 2025-07-10 21:49:27 +02:00
Maze Winther fe6492f359 refactor: separate property item component 2025-07-10 21:48:26 +02:00
Maze Winther ed4e9dad19 style: padding 2025-07-10 21:39:11 +02:00
Maze Winther eadd6940e4 feat: font size to text panel 2025-07-10 21:37:44 +02:00
Maze Winther 0acead5bb1 refactor: move properties to dedicated folder 2025-07-10 21:24:47 +02:00
Maze Winther 445d01fc8f font size 2025-07-10 21:14:33 +02:00
Maze Winther e8b0057cc4 feat: initial fonts support 2025-07-10 20:53:58 +02:00
Maze Winther 1376bee16d fix: improve element dragging (can drag outside timeline without it breaking) 2025-07-10 20:10:01 +02:00
Maze Winther 0223c34a1e fix: timestamp different widths 2025-07-10 19:58:03 +02:00
Maze Winther 44f504f401 style: timestamp 2025-07-10 19:56:54 +02:00
Maze Winther 4d0c3268cc style: properties panel text area 2025-07-10 19:44:24 +02:00
Maze Winther 2fe67febd6 complete 1459cd 2025-07-10 14:30:12 +02:00
Maze Winther 3a34485cc7 style: text box in properties panel 2025-07-10 14:28:08 +02:00
Maze Winther 1459cd7232 feat: audio for playback 2025-07-10 14:23:13 +02:00
Maze Winther 8dd6f9a9b3 feat: add conditional rendering to properties panel with text change functionality 2025-07-09 23:59:39 +02:00
Maze Winther b6aa8e10d6 fix: improve keyboard event handling in timeline component 2025-07-09 23:25:08 +02:00
Maze Winther 059a4f4205 style: timeline tracks 2025-07-09 22:31:45 +02:00
Maze Winther f4fbdf14a9 style: text align 2025-07-09 22:17:54 +02:00
Maze Winther db8cd93a99 style: replace track color circle with icon in timeline 2025-07-09 22:17:05 +02:00
Maze Winther 53d6d0e1af fix: zoom on entire timeline 2025-07-09 22:07:25 +02:00
Maze Winther 3089fb0418 refactor: move timeline zoom to custom hook 2025-07-09 22:01:30 +02:00
Maze Winther 346368cf75 I FOUND THE C (removed it) 2025-07-09 21:54:52 +02:00
Maze Winther 5e1f780fff style: completely fresh ui in editor 2025-07-09 21:45:25 +02:00
Maze Winther 3d685f57dd fix: styling in preview 2025-07-09 21:07:42 +02:00
Maze Winther c02f276303 refactor: fresh properties panel 2025-07-09 21:03:56 +02:00
Maze Winther 813dbcb9c2 refactor: move timeline element context menu into timeline-element.tsx 2025-07-08 23:51:46 +02:00
Maze Winther 3ef17cecb4 refactor: centralize logic to zustand store 2025-07-08 22:51:42 +02:00
Maze Winther c60098987f fix: media item not right-clickable 2025-07-08 22:42:55 +02:00
Maze Winther 91d89f56d7 fix: don't render audio on preview 2025-07-08 20:54:05 +02:00
Maze Winther ea59cc3950 fix: ensure timeline clips can be extended to longer than 5s 2025-07-08 00:42:46 +02:00
Maze Winther c0cc4c009e fix: ensure preview toolbar is always at bottom 2025-07-08 00:10:31 +02:00
Maze Winther d750d7f41d shipping too hard 2025-07-08 00:07:22 +02:00
Maze Winther 9d2fd50fbc refactor: centralize track colors and timeline constants 2025-07-07 23:21:06 +02:00
Maze Winther d36df2fb62 refactor: remove element menu from timeline element component 2025-07-07 23:05:31 +02:00
Maze Winther f3763b8465 refactor: move element resize logic to react hook 2025-07-07 19:13:20 +02:00
Maze Winther bd0c7f2206 refactor: store media relative to project, add storage for timeline data, and other things 2025-07-07 19:06:36 +02:00
Maze Winther 6edd5b36cf feat: main track and ordering tracks 2025-07-06 22:51:11 +02:00
Maze Winther 40c7fbb4f8 refactor: move to a typed-tracks system and add support for text 2025-07-06 20:45:29 +02:00
Maze Winther d04ba1468e style: change border color for selected timeline clips from primary to foreground 2025-07-04 15:15:53 +02:00
Maze Winther 4728884931 refactor: new reusable draggable-item component and use it 2025-07-04 01:30:24 +02:00
Maze Winther 9dbfa980c2 fix: ensure selecting an already selected clip doesn't deselect it 2025-07-04 00:37:59 +02:00
Maze Winther 37d684748f refactor: replace div with Card component 2025-07-03 22:29:00 +02:00
Maze Winther b5af50b0d8 style: add select-none class to Default text in TextView component 2025-07-03 22:26:27 +02:00
Maze Winther 434a832d8e feat: add TextView component to media panel 2025-07-03 22:07:33 +02:00
Maze Winther 8f365915a2 refactor: replace TextIcon with TypeIcon in media panel tabs 2025-07-03 22:06:43 +02:00
Maze Winther f991d707ea feat: enhance media panel tab navigation with scroll functionality 2025-07-03 22:06:24 +02:00
Maze Winther 59a6c539a1 feat: implement media panel with tab navigation 2025-07-03 20:43:23 +02:00
Maze Winther ef0828a13d style: color in preview panel 2025-07-03 17:26:49 +02:00
Maze Winther b90f9922a1 fix drag in media panel and add toolbar 2025-07-03 17:26:32 +02:00
Maze Winther 5d02169d63 fix: deselect clips by clicking outside of track 2025-07-01 19:48:00 +02:00
Maze Winther d95b7a9316 fix right-clicking a clip allows dragging 2025-07-01 19:42:09 +02:00
Maze Winther 8bf865df0d feat: select clip when it's being right-clicked 2025-07-01 19:31:25 +02:00
Maze Winther 5dfe9c0aac fix: better drag ux on playhead 2025-07-01 17:47:07 +02:00
Maze Winther a3309b4c45 refactor: replace native select/input with shadcn 2025-07-01 17:07:44 +02:00
Maze Winther fe289db9b0 refactor: remove unused icon imports from media panel 2025-07-01 16:17:14 +02:00
Maze Winther 849fb3d2af refactor: editor header 2025-07-01 16:06:36 +02:00
Maze Winther 364e541d57 fix: remove success toasts for added media items in timeline components 2025-07-01 16:03:51 +02:00
Maze Winther a16c86092a fix: playhead not moving in real time 2025-07-01 15:30:50 +02:00
Maze Winther ac4ff63438 fix: ensure playback ruler appears above everything else 2025-07-01 15:02:34 +02:00
Maze Winther ee973cad21 feat: select clip when being dragged, even if it wasn't selected 2025-07-01 15:00:21 +02:00
Maze Winther 9c8594d8f3 style: timeclip's focus state 2025-07-01 14:56:14 +02:00
Maze Winther c37c64c1b9 feat: add time formatting utility and update editor and preview components to use it 2025-07-01 01:30:02 +02:00
Maze Winther 1a01871cfc refactor: update media processing to use width and height instead of aspect ratio 2025-07-01 01:13:14 +02:00
Maze Winther 9b37ce6610 style: give preview panel a fresh look 2025-07-01 00:58:21 +02:00
Maze Winther d11d835c7c style: fresh look on media panel 2025-07-01 00:13:41 +02:00
Maze Winther 50e3d92b92 style: set aspect ratio to 16:9 for the asset containers in the media panel 2025-06-30 23:35:37 +02:00
Maze Winther b474ad6b15 feat: hide preview canvas when nothing in timeline 2025-06-30 23:23:18 +02:00
Maze Winther 3e916f0f00 feat: implement automatic canvas size adjustment based on first media item aspect ratio 2025-06-30 23:19:37 +02:00
Maze Winther d0ae75d0b4 fix ts error 2025-06-30 20:01:18 +02:00
Maze Winther 09373eb4a3 feat: implement project management features with storage integration, including project creation, deletion, and renaming dialogs 2025-06-30 19:58:36 +02:00
Maze Winther cd30c205b4 fix: await addMediaItem in timeline component to ensure proper item processing 2025-06-30 19:57:13 +02:00
Maze Winther b461234c65 refactor: separate timeline track content into new file 2025-06-29 23:20:17 +02:00
Maze Winther 822323d883 refactor: update timeline to use context menu component 2025-06-29 23:09:40 +02:00
iza cdfb5ea7b0
Merge pull request #138 from karansingh21202/feat/timeline-scroll-sync-minimal-v2
fix: Updated synchronize timeline ruler and tracks scrolling for long videos
2025-06-27 07:04:12 +03:00
iza f53f2802eb
Merge pull request #135 from DevloperAmanSingh/feature/player-controls
Feature: More Players Controls are added now .
2025-06-27 07:02:28 +03:00
DevloperAmanSingh c32daa4f2e refactor: enhance timeline component by improving drag-and-drop functionality and clip selection handling 2025-06-27 07:56:18 +05:30
Maze Winther 87e90a5e24 fix dragging clips in timeline 2025-06-27 03:50:39 +02:00
Maze Winther 089f7f8d71 Merge branch 'fix-issue-#131' 2025-06-27 01:28:23 +02:00
Maze Winther dfde7592bb refactor: separate timeline toolbar into new component and add new TrackType type 2025-06-27 01:02:01 +02:00
Karan Singh f3c45ee892 refactor: Update playhead auto-scroll buffer and remove conflicting sync 2025-06-27 00:50:37 +05:30
Karan Singh 17ef810074 feat: Improve timeline playhead smooth scrolling and sync 2025-06-27 00:30:32 +05:30
DevloperAmanSingh 0383000ada refactor: remove unused drag clip hook import in timeline clip component 2025-06-27 00:07:36 +05:30
DevloperAmanSingh f74bebeb8b feat: add comment for clip editing operations in timeline component 2025-06-26 23:46:38 +05:30
DevloperAmanSingh 7ca5bcfa50 feat: add comments for drag handling and resizing in timeline clip component 2025-06-26 23:46:33 +05:30
DevloperAmanSingh efdd2aa6ed feat: add dropdown menu for clip options including split and audio separation in timeline component 2025-06-26 23:41:07 +05:30
DevloperAmanSingh 12a2ec59fd feat: implement clip splitting and audio separation features with keyboard shortcuts in timeline component 2025-06-26 23:41:01 +05:30
priyankarpal fff95afbc6
fix: Only remove track if it becomes empty and has no other clips 2025-06-26 21:41:26 +05:30
priyankarpal f76555dae5
fix: remmove video track when media is deleted 2025-06-26 21:29:03 +05:30
priyankarpal 53184217bf
fix: remove unwanted clip option menu 2025-06-26 20:28:03 +05:30
iza b10bb8ed55
Merge pull request #123 from sinanptm/fix-preview-placeholder-text
Changed Preview Empty placeholder to No media added to timeline
2025-06-26 12:46:02 +03:00
muhammed sinan 063094e70a changed empty placeholder to a better one 2025-06-26 14:54:49 +05:30
DevloperAmanSingh 896f2ee554 refactor: remove unnecessary wrapper from MediaPanel component 2025-06-26 14:29:24 +05:30
iza 2d7f2f8503
Merge pull request #112 from Harshitshukla0208/fix/ai-solution-87-1750881155536
fix(issue): Address issue #87 - [BUG] split and delete background not visible
2025-06-26 11:27:43 +03:00
Priyankar Pal 4ed9858725
Merge branch 'main' into split-issue-83 2025-06-26 11:35:55 +05:30
Maze Winther 0f470ba7a7 fix: clip being deselected after dragging it 2025-06-26 01:36:49 +02:00
Maze Winther e225272ec3 fix: some timeline issues 2025-06-26 00:37:35 +02:00
Maze Winther e23cf66373 style: introduce preview panel and move play button there 2025-06-25 23:43:10 +02:00
Maze Winther 2f3a148dd4 refactor: move debug component to separate component and place absolutely 2025-06-25 23:22:59 +02:00
Maze Winther 3eac1bcb0b refactor: move timeline clip into its separate component and type into /types 2025-06-25 23:05:14 +02:00
Maze Winther 3ea6b00254 fix: lock aspect ratio in preview 2025-06-25 22:55:25 +02:00
Harshit Shukla 389a546478 fix(issue): Address issue #87 - [BUG] split and delete background not visible 2025-06-26 01:22:40 +05:30
Maze Winther 4fb0d014af fix: hard-coded tailwind colors 2025-06-25 21:51:19 +02:00
Maze Winther 777b0f7000 refactor: improved type-safety, removal of any from all instances 2025-06-25 21:40:54 +02:00
Maze Winther 926aebe004 fix: make whole clip draggable 2025-06-25 21:22:08 +02:00
Maze Winther 2775ac427d fix: remove hover effects on clip drag 2025-06-25 21:10:40 +02:00
Maze Winther f5c546d416 fix: clip getting deselected after a drag 2025-06-25 21:08:52 +02:00
Maze Winther d1e313450d fix: show clip trim handles on focus rather than hover 2025-06-25 21:06:34 +02:00
Maze Winther ebcb898e4e feat: use mouse-based dragging for clips
fixes an issue where dragging a clip would create a duplicate instead of dragging clip directly, and gives us more control

moved the drag to a hook for cleaner code
2025-06-25 21:02:34 +02:00
Maze Winther baa5c43e7c feat: improve clips dragging experience 2025-06-25 19:51:50 +02:00
DevloperAmanSingh f9d0be20d0 feat: implement progress tracking for media file processing in timeline 2025-06-25 21:41:16 +05:30
DevloperAmanSingh a511c57729 feat: enhance media processing with progress tracking 2025-06-25 21:41:10 +05:30
Priyankar Pal c322ad1124
Merge branch 'main' into split-issue-83 2025-06-25 20:16:15 +05:30
iza 2326faf526
Merge pull request #97 from creotove/Feat/audio-waveform
Feat: basic audio waveform added.
2025-06-25 16:01:34 +03:00
GeorgeCaoJ 07351ca7e6 fix(timeline): drag and drop to create new track 2025-06-25 20:04:21 +08:00
creotove 7f0bcea4ca Feat: basic audio waveform added. 2025-06-25 15:29:20 +05:30
iza c18b173bc9
Merge pull request #86 from Shubbu03/main
UI fixes to the media-panel component
2025-06-25 12:09:47 +03:00
DevloperAmanSingh 66eb6f13d5 feat(preview-panel): add volume control and mute functionality to the video player 2025-06-25 13:27:39 +05:30
Shubbu03 4db515df51 code rabbit suggested fix 2025-06-25 12:29:06 +05:30
Priyankar Pal 992b0cbf23
Update apps/web/src/components/editor/timeline.tsx
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
2025-06-25 12:16:47 +05:30
Shubbu03 7444ab2894 UI fixes to the media-panel component 2025-06-25 12:13:16 +05:30
priyankarpal fd2cf591b7
fix: text visible 2025-06-25 12:01:30 +05:30
iza 3989da93c3
Merge pull request #81 from pulkitgarg04/feature/project-name-editing
feature: add project name editing functionality
2025-06-25 08:31:24 +03:00
iza 402b004ef3
Merge pull request #71 from Harshitshukla0208/fix/ai-solution-67-1750807491754
fix(issue): Address issue #67 - [BUG] buttons jitter left and right
2025-06-25 08:02:04 +03:00
iza 4a8ff91ae3
Merge pull request #76 from creotove/main
Fix: [BUG] buttons jitter left and right #67
2025-06-25 07:59:11 +03:00
Pulkit Garg 411a9a5f1c feature: add project name editing functionality 2025-06-25 10:26:29 +05:30
creotove 7de09adce6 Fix: unwanted seperator when there is a clip on track. 2025-06-25 08:51:17 +05:30
creotove 84d206c01e Fix: [BUG] buttons jitter left and right #67 2025-06-25 08:36:27 +05:30
Harshit Shukla 274d03185b fix(issue): Address issue #67 - [BUG] buttons jitter left and right 2025-06-25 04:54:56 +05:30
Maze Winther 5fc205fc57 fix(timeline): update drag overlay styling for better visibility 2025-06-24 22:23:02 +02:00
Maze Winther 8f583c25e0 feat(timeline): add context menu handling to TimelineTrackContent component 2025-06-24 22:20:17 +02:00
Maze Winther bbf9aae234 Revert "refactor: overhaul timeline component, separate into different files"
This reverts commit 2aa37920d5.
2025-06-24 17:54:41 +02:00
Maze Winther 2aa37920d5 refactor: overhaul timeline component, separate into different files 2025-06-24 17:51:34 +02:00
iza b17e05f126
Merge pull request #45 from GeorgeCaoJ/feat/media-panel-filter
feat: support filter media type in media panel
2025-06-24 18:22:29 +03:00
Maze Winther e5ade1f3ac style: remove roundec corners from tracks 2025-06-24 17:14:15 +02:00
Maze Winther 4b2afb7271 style: set min/max height for timeline 2025-06-24 14:19:47 +02:00
GeorgeCaoJ 25dc5f5365 fix: add missing semicolon 2025-06-24 20:14:07 +08:00
George 984be4f6e6
Merge branch 'OpenCut-app:main' into feat/media-panel-filter 2025-06-24 20:06:08 +08:00
GeorgeCaoJ 4941ec4798 feat: support filter media in media panel 2025-06-24 20:02:36 +08:00
Maze Winther 9e761a9c0b style: clean up timeline 2025-06-24 13:58:38 +02:00
iza 46b8929a70
Merge pull request #41 from GeorgeCaoJ/main
fix: support context menu on track name and fix bugs of zooming in timeline track content
2025-06-24 12:34:19 +03:00
GeorgeCaoJ 5bba941dbc fix: wheel zooming in timeline tracks content 2025-06-24 17:22:05 +08:00
Maze Winther b9e1dcf23e refactor: change button variant from 'ghost' to 'text' across multiple components for consistency 2025-06-24 10:32:19 +02:00
GeorgeCaoJ 503e738617 feat: add context menu in tracks and zooming in timeline 2025-06-24 14:25:29 +08:00