@twick/timeline 0.14.6 → 0.14.8

package/dist/index.mjs

@@ -991,13 +991,14 @@ class ImageElement extends TrackElement {
   }
 }
 class TextElement extends TrackElement {
-  constructor(text) {
+  constructor(text, props) {
     super(TIMELINE_ELEMENT_TYPE.TEXT);
     __publicField(this, "textEffect");
     this.props = {
       text,
-      fill: "#888888"
-      //default-grey
+      fill: "#888888",
+      //default-grey,
+      ...props || {}
     };
   }
   getTextEffect() {
@@ -1012,6 +1013,9 @@ class TextElement extends TrackElement {
   getLineWidth() {
     return this.props.lineWidth;
   }
+  getProps() {
+    return this.props;
+  }
   setText(text) {
     this.props.text = text;
     return this;
@@ -1056,6 +1060,10 @@ class TextElement extends TrackElement {
     this.props.lineWidth = lineWidth;
     return this;
   }
+  setProps(props) {
+    this.props = structuredClone(props);
+    return this;
+  }
   accept(visitor) {
     return visitor.visitTextElement(this);
   }
@@ -1118,6 +1126,8 @@ class CircleElement extends TrackElement {
     super(TIMELINE_ELEMENT_TYPE.CIRCLE);
     this.props = {
       radius,
+      height: radius * 2,
+      width: radius * 2,
       fill,
       strokeColor: fill,
       lineWidth: 1
@@ -1141,6 +1151,8 @@ class CircleElement extends TrackElement {
   }
   setRadius(radius) {
     this.props.radius = radius;
+    this.props.width = radius * 2;
+    this.props.height = radius * 2;
     return this;
   }
   setStrokeColor(strokeColor) {
@@ -1560,6 +1572,14 @@ class ElementSerializer {
     };
   }
 }
+const VALIDATION_ERROR_CODE = {
+  ELEMENT_NOT_FOUND: "ELEMENT_NOT_FOUND",
+  ELEMENT_NOT_ADDED: "ELEMENT_NOT_ADDED",
+  ELEMENT_NOT_UPDATED: "ELEMENT_NOT_UPDATED",
+  ELEMENT_NOT_REMOVED: "ELEMENT_NOT_REMOVED",
+  COLLISION_ERROR: "COLLISION_ERROR",
+  INVALID_TIMING: "INVALID_TIMING"
+};
 class ValidationError extends Error {
   constructor(message, errors, warnings = []) {
     super(message);
@@ -1662,8 +1682,8 @@ class ElementValidator {
     const basicValidation = this.validateBasicProperties(element);
     const errors = [...basicValidation.errors];
     const warnings = [...basicValidation.warnings];
-    const props = element.getProps();
-    if (!(props == null ? void 0 : props.text)) {
+    const text = element.getText();
+    if (!text || text.trim() === "") {
       errors.push("Caption element must have text content");
     }
     return { errors, warnings };
@@ -1840,11 +1860,13 @@ class Track {
     __publicField(this, "id");
     __publicField(this, "name");
     __publicField(this, "type");
+    __publicField(this, "props");
     __publicField(this, "elements");
     __publicField(this, "validator");
     this.name = name;
     this.id = id ?? `t-${generateShortUuid}`;
     this.type = type;
+    this.props = {};
     this.elements = [];
     this.validator = new ElementValidator();
   }
@@ -1990,6 +2012,13 @@ class Track {
   getElements() {
     return [...this.elements];
   }
+  getProps() {
+    return this.props;
+  }
+  setProps(props) {
+    this.props = structuredClone(props);
+    return this;
+  }
   /**
    * Validates a single element using the track's validator.
    * Checks if the element meets all validation requirements.
@@ -2063,17 +2092,21 @@ class Track {
     try {
       const isValid = this.validateElement(element);
       if (isValid) {
-        this.elements.push(element);
-        return true;
+        if (this.isElementColliding(element)) {
+          throw new ValidationError("Element is colliding with another element", ["COLLISION_ERROR"]);
+        } else {
+          this.elements.push(element);
+          return true;
+        }
       }
     } catch (error) {
-      if (error instanceof ValidationError) {
-        throw error;
-      }
       throw error;
     }
     return false;
   }
+  isElementColliding(element) {
+    return this.elements.some((e2) => e2.getStart() < element.getEnd() && e2.getEnd() > element.getStart());
+  }
   /**
    * Removes an element from the track.
    * Protected method that should be accessed through TrackFriend.
@@ -2242,6 +2275,7 @@ class Track {
       id: this.id,
       name: this.name,
       type: this.type,
+      props: this.props,
       elements: this.elements.map(
         (element) => element.accept(serializer)
       )
@@ -2279,6 +2313,7 @@ class Track {
   static fromJSON(json) {
     const track = new Track(json.name, json.type ?? "element", json.id);
     track.type = json.type;
+    track.props = json.props;
     track.elements = (json.elements || []).map(ElementDeserializer.fromJSON);
     return track;
   }
@@ -2919,6 +2954,11 @@ class TimelineEditor {
     const track = prevTimelineData == null ? void 0 : prevTimelineData.tracks.find((t2) => t2.getName() === name);
     return track;
   }
+  getSubtiltesTrack() {
+    const prevTimelineData = this.getTimelineData();
+    const track = prevTimelineData == null ? void 0 : prevTimelineData.tracks.find((t2) => t2.getType() === "caption");
+    return track;
+  }
   removeTrackById(id) {
     var _a;
     const tracks = ((_a = this.getTimelineData()) == null ? void 0 : _a.tracks) || [];
@@ -2947,8 +2987,9 @@ class TimelineEditor {
    * @returns Promise<boolean> true if element was added successfully
    */
   async addElementToTrack(track, element) {
+    var _a;
     if (!track) {
-      return false;
+      throw new Error("TRACK_NOT_FOUND");
     }
     try {
       const elementAdder = new ElementAdder(track);
@@ -2958,10 +2999,16 @@ class TimelineEditor {
         if (currentData) {
           this.setTimelineData({ tracks: currentData.tracks, updatePlayerData: true });
         }
+        return true;
+      } else {
+        return false;
       }
-      return result;
     } catch (error) {
-      return false;
+      if (error instanceof ValidationError && ((_a = error.errors) == null ? void 0 : _a.length) > 0) {
+        throw error;
+      } else {
+        throw new Error("ELEMENT_NOT_ADDED");
+      }
     }
   }
   /**
@@ -8013,6 +8060,7 @@ export {
   TimelineProvider,
   Track,
   TrackElement,
+  VALIDATION_ERROR_CODE,
   ValidationError,
   VideoElement,
   WORDS_PER_PHRASE,