@twick/timeline 0.14.4 → 0.14.6

package/dist/index.mjs

@@ -3,6 +3,30 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsx } from "react/jsx-runtime";
 import React, { useState, createContext, useContext, useRef, useMemo, useEffect } from "react";
+const INITIAL_TIMELINE_DATA = {
+  tracks: [
+    {
+      type: "element",
+      id: "t-sample",
+      name: "sample",
+      elements: [
+        {
+          id: "e-sample",
+          trackId: "t-sample",
+          name: "sample",
+          type: "text",
+          s: 0,
+          e: 5,
+          props: {
+            text: "Twick SDK",
+            fill: "#FFFFFF"
+          }
+        }
+      ]
+    }
+  ],
+  version: 1
+};
 const PLAYER_STATE = {
   /** Player is refreshing/reloading content */
   REFRESH: "Refresh",
@@ -2850,7 +2874,12 @@ class TimelineEditor {
     const timelineData = timelineContextStore.getTimelineData(contextId);
     return (timelineData == null ? void 0 : timelineData.version) || 0;
   }
-  setTimelineData(tracks, version) {
+  setTimelineData({
+    tracks,
+    version,
+    updatePlayerData
+  }) {
+    var _a, _b;
     const prevTimelineData = this.getTimelineData();
     const updatedVersion = version ?? ((prevTimelineData == null ? void 0 : prevTimelineData.version) || 0) + 1;
     const updatedTimelineData = {
@@ -2863,6 +2892,13 @@ class TimelineEditor {
     );
     this.updateHistory(updatedTimelineData);
     this.context.updateChangeLog();
+    if (updatePlayerData) {
+      (_b = (_a = this.context) == null ? void 0 : _a.setTimelineAction) == null ? void 0 : _b.call(
+        _a,
+        TIMELINE_ACTION.UPDATE_PLAYER_DATA,
+        updatedTimelineData
+      );
+    }
     return updatedTimelineData;
   }
   addTrack(name, type = "element") {
@@ -2870,7 +2906,7 @@ class TimelineEditor {
     const id = `t-${generateShortUuid()}`;
     const track = new Track(name, type, id);
     const updatedTimelines = [...(prevTimelineData == null ? void 0 : prevTimelineData.tracks) || [], track];
-    this.setTimelineData(updatedTimelines);
+    this.setTimelineData({ tracks: updatedTimelines, updatePlayerData: true });
     return track;
   }
   getTrackById(id) {
@@ -2887,13 +2923,13 @@ class TimelineEditor {
     var _a;
     const tracks = ((_a = this.getTimelineData()) == null ? void 0 : _a.tracks) || [];
     const updatedTracks = tracks.filter((t2) => t2.getId() !== id);
-    this.setTimelineData(updatedTracks);
+    this.setTimelineData({ tracks: updatedTracks, updatePlayerData: true });
   }
   removeTrack(track) {
     var _a;
     const tracks = ((_a = this.getTimelineData()) == null ? void 0 : _a.tracks) || [];
     const updatedTracks = tracks.filter((t2) => t2.getId() !== track.getId());
-    this.setTimelineData(updatedTracks);
+    this.setTimelineData({ tracks: updatedTracks, updatePlayerData: true });
   }
   /**
    * Refresh the timeline data
@@ -2901,7 +2937,7 @@ class TimelineEditor {
   refresh() {
     const currentData = this.getTimelineData();
     if (currentData) {
-      this.setTimelineData(currentData.tracks);
+      this.setTimelineData({ tracks: currentData.tracks, updatePlayerData: true });
     }
   }
   /**
@@ -2920,7 +2956,7 @@ class TimelineEditor {
       if (result) {
         const currentData = this.getTimelineData();
         if (currentData) {
-          this.setTimelineData(currentData.tracks);
+          this.setTimelineData({ tracks: currentData.tracks, updatePlayerData: true });
         }
       }
       return result;
@@ -2944,7 +2980,7 @@ class TimelineEditor {
       if (result) {
         const currentData = this.getTimelineData();
         if (currentData) {
-          this.setTimelineData(currentData.tracks);
+          this.setTimelineData({ tracks: currentData.tracks, updatePlayerData: true });
         }
       }
       return result;
@@ -2968,7 +3004,7 @@ class TimelineEditor {
       if (result) {
         const currentData = this.getTimelineData();
         if (currentData) {
-          this.setTimelineData(currentData.tracks);
+          this.setTimelineData({ tracks: currentData.tracks });
         }
       }
       return element;
@@ -2998,7 +3034,7 @@ class TimelineEditor {
         result.secondElement.accept(elementAdder);
         const currentData = this.getTimelineData();
         if (currentData) {
-          this.setTimelineData(currentData.tracks);
+          this.setTimelineData({ tracks: currentData.tracks, updatePlayerData: true });
         }
       }
       return result;
@@ -3020,7 +3056,7 @@ class TimelineEditor {
     }
   }
   reorderTracks(tracks) {
-    this.setTimelineData(tracks);
+    this.setTimelineData({ tracks, updatePlayerData: true });
   }
   updateHistory(timelineTrackData) {
     const tracks = timelineTrackData.tracks.map((t2) => t2.serialize());
@@ -3105,7 +3141,7 @@ class TimelineEditor {
     this.pauseVideo();
     this.context.handleResetHistory();
     const timelineTracks = tracks.map((t2) => Track.fromJSON(t2));
-    this.setTimelineData(timelineTracks, version);
+    this.setTimelineData({ tracks: timelineTracks, version, updatePlayerData: true });
     if ((_a = this.context) == null ? void 0 : _a.setTimelineAction) {
       this.context.setTimelineAction(TIMELINE_ACTION.UPDATE_PLAYER_DATA, {
         tracks,
@@ -7964,6 +8000,7 @@ export {
   ElementTextEffect,
   ElementUpdater,
   ElementValidator,
+  INITIAL_TIMELINE_DATA,
   IconElement,
   ImageElement,
   PLAYER_STATE,