@twick/timeline 0.14.3 → 0.14.5

package/dist/context/timeline-context.d.ts

@@ -1,6 +1,6 @@
 import { Track } from '../core/track/track';
 import { TrackElement } from '../core/elements/base.element';
-import { ProjectJSON, TrackJSON } from '../types';
+import { ProjectJSON, Size, TrackJSON } from '../types';
 import { TimelineEditor } from '../core/editor/timeline.editor';
 
 /**
@@ -36,6 +36,8 @@ export type TimelineContextType = {
         type: string;
         payload: any;
     };
+    /** Resolution of the video */
+    videoResolution: Size;
     /** Total duration of the timeline in seconds */
     totalDuration: number;
     /** Current project state */
@@ -48,6 +50,8 @@ export type TimelineContextType = {
     setSelectedItem: (item: Track | TrackElement | null) => void;
     /** Function to set timeline actions */
     setTimelineAction: (type: string, payload: any) => void;
+    /** Function to set the video resolution */
+    setVideoResolution: (size: Size) => void;
 };
 /**
  * Props for the TimelineProvider component.
@@ -70,6 +74,8 @@ export interface TimelineProviderProps {
     children: React.ReactNode;
     /** Unique identifier for this timeline context */
     contextId: string;
+    /** resolution of the video */
+    resolution?: Size;
     /** Initial timeline data to load */
     initialData?: {
         tracks: TrackJSON[];
@@ -100,7 +106,7 @@ export interface TimelineProviderProps {
  * </TimelineProvider>
  * ```
  */
-export declare const TimelineProvider: ({ contextId, children, initialData, undoRedoPersistenceKey, maxHistorySize, }: TimelineProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimelineProvider: ({ contextId, children, resolution, initialData, undoRedoPersistenceKey, maxHistorySize, }: TimelineProviderProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Hook to access the Timeline context.
  * Provides access to timeline state, editor instance, and timeline management functions.

package/dist/core/addOns/animation.d.ts

@@ -3,6 +3,7 @@ import { Animation } from '../../types';
 export declare class ElementAnimation {
     private name;
     private interval?;
+    private duration?;
     private intensity?;
     private animate?;
     private mode?;
@@ -10,11 +11,13 @@ export declare class ElementAnimation {
     constructor(name: string);
     getName(): string;
     getInterval(): number | undefined;
+    getDuration(): number | undefined;
     getIntensity(): number | undefined;
     getAnimate(): "enter" | "exit" | "both" | undefined;
     getMode(): "in" | "out" | undefined;
     getDirection(): "left" | "center" | "right" | "up" | "down" | undefined;
     setInterval(interval?: number): this;
+    setDuration(duration?: number): this;
     setIntensity(intensity?: number): this;
     setAnimate(animate?: "enter" | "exit" | "both"): this;
     setMode(mode?: "in" | "out"): this;

package/dist/core/editor/timeline.editor.d.ts

@@ -32,8 +32,12 @@ export declare class TimelineEditor {
     pauseVideo(): void;
     getTimelineData(): TimelineTrackData | null;
     getLatestVersion(): number;
-    protected setTimelineData(tracks: Track[], version?: number): TimelineTrackData;
-    addTrack(name: string): Track;
+    protected setTimelineData({ tracks, version, updatePlayerData, }: {
+        tracks: Track[];
+        version?: number;
+        updatePlayerData?: boolean;
+    }): TimelineTrackData;
+    addTrack(name: string, type?: string): Track;
     getTrackById(id: string): Track | null;
     getTrackByName(name: string): Track | null;
     removeTrackById(id: string): void;
@@ -58,9 +62,9 @@ export declare class TimelineEditor {
     /**
      * Update an element in a specific track using the visitor pattern
      * @param element The updated element
-     * @returns boolean true if element was updated successfully
+     * @returns TrackElement the updated element
      */
-    updateElement(element: TrackElement): boolean;
+    updateElement(element: TrackElement): TrackElement;
     /**
      * Split an element at a specific time point using the visitor pattern
      * @param element The element to split

package/dist/core/elements/base.element.d.ts

@@ -23,6 +23,8 @@ export declare abstract class TrackElement {
     getName(): string;
     getAnimation(): ElementAnimation | undefined;
     getPosition(): Position;
+    getRotation(): number;
+    getOpacity(): number;
     setId(id: string): this;
     setType(type: string): this;
     setStart(s: number): this;
@@ -31,5 +33,7 @@ export declare abstract class TrackElement {
     setName(name: string): this;
     setAnimation(animation?: ElementAnimation): this;
     setPosition(position: Position): this;
+    setRotation(rotation: number): this;
+    setOpacity(opacity: number): this;
     setProps(props: Record<string, any>): this;
 }

package/dist/core/elements/circle.element.d.ts

@@ -7,7 +7,11 @@ export declare class CircleElement extends TrackElement {
     constructor(fill: string, radius: number);
     getFill(): string;
     getRadius(): number;
+    getStrokeColor(): string;
+    getLineWidth(): number;
     setFill(fill: string): this;
     setRadius(radius: number): this;
+    setStrokeColor(strokeColor: string): this;
+    setLineWidth(lineWidth: number): this;
     accept<T>(visitor: ElementVisitor<T>): T;
 }

package/dist/core/elements/icon.element.d.ts

@@ -1,9 +1,14 @@
 import { TrackElement } from './base.element';
 import { ElementVisitor } from '../visitor/element-visitor';
-import { IconProps, Size } from '../../types';
+import { Size } from '../../types';
 
 export declare class IconElement extends TrackElement {
-    protected props: IconProps;
-    constructor(src: string, size: Size);
+    constructor(src: string, size: Size, fill?: string);
+    getSrc(): string;
+    getFill(): string;
+    getSize(): Size | undefined;
+    setSrc(src: string): this;
+    setFill(fill: string): this;
+    setSize(size: Size): this;
     accept<T>(visitor: ElementVisitor<T>): T;
 }

package/dist/core/elements/rect.element.d.ts

@@ -5,7 +5,15 @@ import { ElementVisitor } from '../visitor/element-visitor';
 export declare class RectElement extends TrackElement {
     protected props: RectProps;
     constructor(fill: string, size: Size);
+    getFill(): string;
     setFill(fill: string): this;
+    getSize(): Size;
+    getCornerRadius(): number;
+    getStrokeColor(): string;
+    getLineWidth(): number;
     setSize(size: Size): this;
+    setCornerRadius(cornerRadius: number): this;
+    setStrokeColor(strokeColor: string): this;
+    setLineWidth(lineWidth: number): this;
     accept<T>(visitor: ElementVisitor<T>): T;
 }

package/dist/core/track/track.d.ts

@@ -38,15 +38,16 @@ export declare class Track {
      * Creates a new Track instance.
      *
      * @param name - The display name for the track
+     * @param type - The type of the track
      * @param id - Optional unique identifier (auto-generated if not provided)
      *
      * @example
      * ```js
      * const track = new Track("My Video Track");
-     * const trackWithId = new Track("Audio Track", "audio-track-1");
+     * const trackWithId = new Track("Audio Track", "element", "video-track-1");
      * ```
      */
-    constructor(name: string, id?: string);
+    constructor(name: string, type?: string, id?: string);
     /**
      * Creates a friend instance for explicit access to protected methods.
      * This implements the Friend Class Pattern to allow controlled access
@@ -126,7 +127,7 @@ export declare class Track {
      *
      * @example
      * ```js
-     * const track = new Track("My Track", "track-123");
+     * const track = new Track("My Track", "element", "track-123");
      * const id = track.getId(); // "track-123"
      * ```
      */