@twick/video-editor 0.14.18 → 0.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -20,7 +20,7 @@ This package provides a comprehensive video editing interface with timeline mana
20
20
 
21
21
  ## Requirements
22
22
 
23
- - React 18 or higher
23
+ - React 18 or 19
24
24
  - Browser environment with HTML5 Video support
25
25
 
26
26
  ## Installation
@@ -31,6 +31,8 @@ npm install @twick/video-editor
31
31
  pnpm add @twick/video-editor
32
32
  ```
33
33
 
34
+ **Note:** All required dependencies (`@twick/canvas`, `@twick/timeline`, `@twick/live-player`, `@twick/media-utils`) are automatically installed with `@twick/video-editor`.
35
+
34
36
  ## Quick Start
35
37
 
36
38
  ```tsx
@@ -1,5 +1,25 @@
1
1
  import { TrackElement, Track } from '@twick/timeline';
2
2
 
3
+ interface TimelineManagerReturn {
4
+ timelineData: {
5
+ tracks: Track[];
6
+ version: number;
7
+ } | null;
8
+ onAddTrack: () => void;
9
+ onElementDrag: ({ element, dragType, updates, }: {
10
+ updates: {
11
+ start: number;
12
+ end: number;
13
+ };
14
+ element: TrackElement;
15
+ dragType: string;
16
+ }) => void;
17
+ onReorder: (reorderedItems: Track[]) => void;
18
+ onSeek: (time: number) => void;
19
+ onSelectionChange: (selectedItem: TrackElement | Track | null) => void;
20
+ selectedItem: Track | TrackElement | null;
21
+ totalDuration: number;
22
+ }
3
23
  /**
4
24
  * Custom hook to manage timeline operations and state.
5
25
  * Provides functions for handling element dragging, track reordering,
@@ -18,20 +38,5 @@ import { TrackElement, Track } from '@twick/timeline';
18
38
  * onSeek(15.5);
19
39
  * ```
20
40
  */
21
- export declare const useTimelineManager: () => {
22
- timelineData: import('@twick/timeline/dist/src/services/data.service').TimelineTrackData | null;
23
- onAddTrack: () => void;
24
- onElementDrag: ({ element, dragType, updates, }: {
25
- updates: {
26
- start: number;
27
- end: number;
28
- };
29
- element: TrackElement;
30
- dragType: string;
31
- }) => void;
32
- onReorder: (reorderedItems: Track[]) => void;
33
- onSeek: (time: number) => void;
34
- onSelectionChange: (selectedItem: TrackElement | Track | null) => void;
35
- selectedItem: Track | TrackElement | null;
36
- totalDuration: number;
37
- };
41
+ export declare const useTimelineManager: () => TimelineManagerReturn;
42
+ export {};