@twick/timeline 0.14.4 → 0.14.6

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/dist/index.js CHANGED
@@ -5,6 +5,30 @@
5
5
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
6
6
  var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
7
7
 
8
+ const INITIAL_TIMELINE_DATA = {
9
+ tracks: [
10
+ {
11
+ type: "element",
12
+ id: "t-sample",
13
+ name: "sample",
14
+ elements: [
15
+ {
16
+ id: "e-sample",
17
+ trackId: "t-sample",
18
+ name: "sample",
19
+ type: "text",
20
+ s: 0,
21
+ e: 5,
22
+ props: {
23
+ text: "Twick SDK",
24
+ fill: "#FFFFFF"
25
+ }
26
+ }
27
+ ]
28
+ }
29
+ ],
30
+ version: 1
31
+ };
8
32
  const PLAYER_STATE = {
9
33
  /** Player is refreshing/reloading content */
10
34
  REFRESH: "Refresh",
@@ -2852,7 +2876,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
2852
2876
  const timelineData = timelineContextStore.getTimelineData(contextId);
2853
2877
  return (timelineData == null ? void 0 : timelineData.version) || 0;
2854
2878
  }
2855
- setTimelineData(tracks, version) {
2879
+ setTimelineData({
2880
+ tracks,
2881
+ version,
2882
+ updatePlayerData
2883
+ }) {
2884
+ var _a, _b;
2856
2885
  const prevTimelineData = this.getTimelineData();
2857
2886
  const updatedVersion = version ?? ((prevTimelineData == null ? void 0 : prevTimelineData.version) || 0) + 1;
2858
2887
  const updatedTimelineData = {
@@ -2865,6 +2894,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
2865
2894
  );
2866
2895
  this.updateHistory(updatedTimelineData);
2867
2896
  this.context.updateChangeLog();
2897
+ if (updatePlayerData) {
2898
+ (_b = (_a = this.context) == null ? void 0 : _a.setTimelineAction) == null ? void 0 : _b.call(
2899
+ _a,
2900
+ TIMELINE_ACTION.UPDATE_PLAYER_DATA,
2901
+ updatedTimelineData
2902
+ );
2903
+ }
2868
2904
  return updatedTimelineData;
2869
2905
  }
2870
2906
  addTrack(name, type = "element") {
@@ -2872,7 +2908,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
2872
2908
  const id = `t-${generateShortUuid()}`;
2873
2909
  const track = new Track(name, type, id);
2874
2910
  const updatedTimelines = [...(prevTimelineData == null ? void 0 : prevTimelineData.tracks) || [], track];
2875
- this.setTimelineData(updatedTimelines);
2911
+ this.setTimelineData({ tracks: updatedTimelines, updatePlayerData: true });
2876
2912
  return track;
2877
2913
  }
2878
2914
  getTrackById(id) {
@@ -2889,13 +2925,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
2889
2925
  var _a;
2890
2926
  const tracks = ((_a = this.getTimelineData()) == null ? void 0 : _a.tracks) || [];
2891
2927
  const updatedTracks = tracks.filter((t2) => t2.getId() !== id);
2892
- this.setTimelineData(updatedTracks);
2928
+ this.setTimelineData({ tracks: updatedTracks, updatePlayerData: true });
2893
2929
  }
2894
2930
  removeTrack(track) {
2895
2931
  var _a;
2896
2932
  const tracks = ((_a = this.getTimelineData()) == null ? void 0 : _a.tracks) || [];
2897
2933
  const updatedTracks = tracks.filter((t2) => t2.getId() !== track.getId());
2898
- this.setTimelineData(updatedTracks);
2934
+ this.setTimelineData({ tracks: updatedTracks, updatePlayerData: true });
2899
2935
  }
2900
2936
  /**
2901
2937
  * Refresh the timeline data
@@ -2903,7 +2939,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
2903
2939
  refresh() {
2904
2940
  const currentData = this.getTimelineData();
2905
2941
  if (currentData) {
2906
- this.setTimelineData(currentData.tracks);
2942
+ this.setTimelineData({ tracks: currentData.tracks, updatePlayerData: true });
2907
2943
  }
2908
2944
  }
2909
2945
  /**
@@ -2922,7 +2958,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
2922
2958
  if (result) {
2923
2959
  const currentData = this.getTimelineData();
2924
2960
  if (currentData) {
2925
- this.setTimelineData(currentData.tracks);
2961
+ this.setTimelineData({ tracks: currentData.tracks, updatePlayerData: true });
2926
2962
  }
2927
2963
  }
2928
2964
  return result;
@@ -2946,7 +2982,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
2946
2982
  if (result) {
2947
2983
  const currentData = this.getTimelineData();
2948
2984
  if (currentData) {
2949
- this.setTimelineData(currentData.tracks);
2985
+ this.setTimelineData({ tracks: currentData.tracks, updatePlayerData: true });
2950
2986
  }
2951
2987
  }
2952
2988
  return result;
@@ -2970,7 +3006,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
2970
3006
  if (result) {
2971
3007
  const currentData = this.getTimelineData();
2972
3008
  if (currentData) {
2973
- this.setTimelineData(currentData.tracks);
3009
+ this.setTimelineData({ tracks: currentData.tracks });
2974
3010
  }
2975
3011
  }
2976
3012
  return element;
@@ -3000,7 +3036,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
3000
3036
  result.secondElement.accept(elementAdder);
3001
3037
  const currentData = this.getTimelineData();
3002
3038
  if (currentData) {
3003
- this.setTimelineData(currentData.tracks);
3039
+ this.setTimelineData({ tracks: currentData.tracks, updatePlayerData: true });
3004
3040
  }
3005
3041
  }
3006
3042
  return result;
@@ -3022,7 +3058,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
3022
3058
  }
3023
3059
  }
3024
3060
  reorderTracks(tracks) {
3025
- this.setTimelineData(tracks);
3061
+ this.setTimelineData({ tracks, updatePlayerData: true });
3026
3062
  }
3027
3063
  updateHistory(timelineTrackData) {
3028
3064
  const tracks = timelineTrackData.tracks.map((t2) => t2.serialize());
@@ -3107,7 +3143,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
3107
3143
  this.pauseVideo();
3108
3144
  this.context.handleResetHistory();
3109
3145
  const timelineTracks = tracks.map((t2) => Track.fromJSON(t2));
3110
- this.setTimelineData(timelineTracks, version);
3146
+ this.setTimelineData({ tracks: timelineTracks, version, updatePlayerData: true });
3111
3147
  if ((_a = this.context) == null ? void 0 : _a.setTimelineAction) {
3112
3148
  this.context.setTimelineAction(TIMELINE_ACTION.UPDATE_PLAYER_DATA, {
3113
3149
  tracks,
@@ -22926,6 +22962,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
22926
22962
  exports2.ElementTextEffect = ElementTextEffect;
22927
22963
  exports2.ElementUpdater = ElementUpdater;
22928
22964
  exports2.ElementValidator = ElementValidator;
22965
+ exports2.INITIAL_TIMELINE_DATA = INITIAL_TIMELINE_DATA;
22929
22966
  exports2.IconElement = IconElement;
22930
22967
  exports2.ImageElement = ImageElement;
22931
22968
  exports2.PLAYER_STATE = PLAYER_STATE;