@twick/video-editor 0.15.27 → 0.15.29

package/dist/components/timeline/timeline-view.d.ts

@@ -2,7 +2,7 @@ import { Track, TrackElement, Size, ChapterMarker } from '@twick/timeline';
 import { ElementColors } from '../../helpers/types';
 import { DropTarget } from '../../utils/drop-target';
 
-declare function TimelineView({ zoomLevel, selectedItem, duration, tracks, seekTrack, onAddTrack, onReorder, onItemSelect, onEmptyClick, onMarqueeSelect, onElementDrag, onElementDrop, onSeek, elementColors, selectedIds, playheadPositionPx, isPlayheadActive, onDropOnTimeline, videoResolution, enableDropOnTimeline, chapters, }: {
+declare function TimelineView({ zoomLevel, selectedItem, duration, tracks, seekTrack, onAddTrack, onReorder, onItemSelect, onEmptyClick, onMarqueeSelect, onElementDrag, onElementDrop, onSeek, elementColors, selectedIds, playheadPositionPx, isPlayheadActive, onDropOnTimeline, videoResolution, enableDropOnTimeline, chapters, currentTime, onContextMenuTarget, onDeleteElement, onSplitElement, }: {
     zoomLevel: number;
     duration: number;
     tracks: Track[];
@@ -50,5 +50,10 @@ declare function TimelineView({ zoomLevel, selectedItem, duration, tracks, seekT
     /** Whether to enable drop-on-timeline */
     enableDropOnTimeline?: boolean;
     chapters?: ChapterMarker[];
+    /** Playhead time for clip context menu “split at playhead” */
+    currentTime?: number;
+    onContextMenuTarget?: (element: TrackElement) => void;
+    onDeleteElement?: (element: TrackElement) => void;
+    onSplitElement?: (element: TrackElement, splitTime: number) => void;
 }): import("react/jsx-runtime").JSX.Element;
 export default TimelineView;

package/dist/components/track/audio-waveform.d.ts

@@ -0,0 +1,6 @@
+export declare const AudioWaveform: React.FC<{
+    src?: string;
+    widthPx: number;
+    heightPx: number;
+    label?: string;
+}>;

package/dist/components/track/timeline-media-strip.d.ts

@@ -0,0 +1,14 @@
+export declare const ImageTimelineStrip: React.FC<{
+    src: string;
+    widthPx: number;
+    heightPx: number;
+}>;
+export declare const VideoTimelineStrip: React.FC<{
+    src: string;
+    widthPx: number;
+    heightPx: number;
+    durationSec: number;
+    mediaOffsetSec?: number;
+    playbackRate?: number;
+    mediaDurationSec?: number;
+}>;

package/dist/components/track/track-base.d.ts

@@ -14,6 +14,10 @@ interface TrackBaseProps {
     onDrag: (payload: TrackElementDragPayload, dropPointer?: DropPointer) => void;
     onDragStateChange?: (isDragging: boolean, element?: TrackElement) => void;
     elementColors?: ElementColors;
+    currentTime?: number;
+    onContextMenuTarget?: (element: TrackElement) => void;
+    onDeleteElement?: (element: TrackElement) => void;
+    onSplitElement?: (element: TrackElement, splitTime: number) => void;
 }
-declare const TrackBase: ({ duration, zoom, track, trackWidth, selectedItem, selectedIds, onItemSelection, onDrag, allowOverlap, onDragStateChange, elementColors, }: TrackBaseProps) => import("react/jsx-runtime").JSX.Element;
+declare const TrackBase: ({ duration, zoom, track, trackWidth, selectedItem, selectedIds, onItemSelection, onDrag, allowOverlap, onDragStateChange, elementColors, currentTime, onContextMenuTarget, onDeleteElement, onSplitElement, }: TrackBaseProps) => import("react/jsx-runtime").JSX.Element;
 export default TrackBase;

package/dist/components/track/track-element-context-menu.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+
+export interface TrackElementContextMenuProps {
+    x: number;
+    y: number;
+    canSplit: boolean;
+    onSplit: () => void;
+    onDelete: () => void;
+    onClose: () => void;
+}
+/**
+ * Timeline clip context menu: split at playhead, delete.
+ * Uses the same styles as the canvas context menu; portals to document.body
+ * so it is not clipped by timeline overflow or motion transforms.
+ */
+export declare const TrackElementContextMenu: React.FC<TrackElementContextMenuProps>;

package/dist/components/track/track-element.d.ts

@@ -26,5 +26,11 @@ export declare const TrackElementView: React.FC<{
     onDrag: (payload: TrackElementDragPayload, dropPointer?: DropPointer) => void;
     onDragStateChange?: (isDragging: boolean, element?: TrackElement) => void;
     elementColors?: ElementColors;
+    /** Playhead time (seconds); used for “Split at playhead” */
+    currentTime?: number;
+    /** Selects this element when opening the context menu */
+    onContextMenuTarget?: (element: TrackElement) => void;
+    onDeleteElement?: (element: TrackElement) => void;
+    onSplitElement?: (element: TrackElement, splitTime: number) => void;
 }>;
 export default TrackElementView;

package/dist/helpers/types.d.ts

@@ -135,6 +135,7 @@ export interface ElementColors {
     text: string;
     caption: string;
     icon: string;
+    emoji: string;
     circle: string;
     rect: string;
     element: string;

package/dist/hooks/use-marquee-selection.d.ts

@@ -12,12 +12,13 @@ interface UseMarqueeSelectionOptions {
     labelWidth: number;
     trackCount: number;
     trackHeight: number;
+    separatorHeight?: number;
     tracks: Track[];
     containerRef: React.RefObject<HTMLDivElement | null>;
     onMarqueeSelect: (ids: Set<string>) => void;
     onEmptyClick: () => void;
 }
-export declare function useMarqueeSelection({ duration, zoomLevel, labelWidth, trackCount, trackHeight, tracks, containerRef, onMarqueeSelect, onEmptyClick, }: UseMarqueeSelectionOptions): {
+export declare function useMarqueeSelection({ duration, zoomLevel, labelWidth, trackCount, trackHeight, separatorHeight, tracks, containerRef, onMarqueeSelect, onEmptyClick, }: UseMarqueeSelectionOptions): {
     marquee: MarqueeRect | null;
     handleMouseDown: (e: React.MouseEvent<HTMLDivElement>) => void;
 };

package/dist/hooks/use-timeline-drop.d.ts

@@ -11,7 +11,7 @@ export interface DropPreview {
  * Hook for handling file drops on the timeline.
  * Computes drop position from coordinates and provides handlers for drag/drop.
  */
-export declare function useTimelineDrop({ containerRef, scrollContainerRef, tracks, duration, zoomLevel, labelWidth, trackHeight, 
+export declare function useTimelineDrop({ containerRef, scrollContainerRef, tracks, duration, zoomLevel, labelWidth, trackHeight, separatorHeight, 
 /** Width of the track content area (timeline minus labels). Used for accurate time mapping. */
 trackContentWidth, onDrop, enabled, }: {
     containerRef: React.RefObject<HTMLElement | null>;
@@ -22,6 +22,7 @@ trackContentWidth, onDrop, enabled, }: {
     zoomLevel: number;
     labelWidth: number;
     trackHeight: number;
+    separatorHeight?: number;
     trackContentWidth?: number;
     onDrop: (params: {
         track: Track | null;