@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/core/editor/timeline.editor.d.ts +5 -1
- package/dist/index-CXhwwSX--DHE9Xex3.js.map +1 -1
- package/dist/index.js +48 -11
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +48 -11
- package/dist/index.mjs.map +1 -1
- package/dist/utils/constants.d.ts +35 -0
- package/package.json +3 -3
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(
|
|
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;
|