@shotstack/shotstack-studio 2.0.0-rc.3 → 2.0.0-rc.5
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.d.ts +4 -29
- package/dist/internal.d.ts +3 -28
- package/dist/internal.es.js +4866 -4925
- package/dist/internal.umd.js +23 -23
- package/dist/shotstack-studio.es.js +2152 -2183
- package/dist/shotstack-studio.umd.js +60 -60
- package/package.json +3 -2
- package/readme.md +17 -3
package/dist/index.d.ts
CHANGED
|
@@ -86,7 +86,7 @@ export declare class Controls {
|
|
|
86
86
|
private seekDistance;
|
|
87
87
|
private seekDistanceLarge;
|
|
88
88
|
private frameTime;
|
|
89
|
-
constructor(
|
|
89
|
+
constructor(edit: Edit);
|
|
90
90
|
load(): Promise<void>;
|
|
91
91
|
private shouldIgnoreKeyboardEvent;
|
|
92
92
|
private handleKeyDown;
|
|
@@ -100,8 +100,8 @@ export declare class Edit {
|
|
|
100
100
|
private document;
|
|
101
101
|
private backgroundColor;
|
|
102
102
|
private tracks;
|
|
103
|
-
playbackTime:
|
|
104
|
-
totalDuration:
|
|
103
|
+
playbackTime: number;
|
|
104
|
+
totalDuration: number;
|
|
105
105
|
isPlaying: boolean;
|
|
106
106
|
private get clips();
|
|
107
107
|
private internalEvents;
|
|
@@ -121,7 +121,6 @@ export declare class Edit {
|
|
|
121
121
|
private lumaContentRelations;
|
|
122
122
|
private fontMetadata;
|
|
123
123
|
private isBatchingEvents;
|
|
124
|
-
private syncCorrectionCount;
|
|
125
124
|
private isExporting;
|
|
126
125
|
private lastResolved;
|
|
127
126
|
/**
|
|
@@ -138,7 +137,7 @@ export declare class Edit {
|
|
|
138
137
|
private initializeFromDocument;
|
|
139
138
|
play(): void;
|
|
140
139
|
pause(): void;
|
|
141
|
-
seek(target:
|
|
140
|
+
seek(target: number): void;
|
|
142
141
|
stop(): void;
|
|
143
142
|
/**
|
|
144
143
|
* Reload the edit with a new configuration (hot-reload).
|
|
@@ -153,7 +152,6 @@ export declare class Edit {
|
|
|
153
152
|
*/
|
|
154
153
|
private clearClipErrorAndShift;
|
|
155
154
|
deleteClip(trackIdx: number, clipIdx: number): Promise<void>;
|
|
156
|
-
splitClip(trackIndex: number, clipIndex: number, splitTime: number): Promise<void>;
|
|
157
155
|
addTrack(trackIdx: number, track: Track): Promise<void>;
|
|
158
156
|
getTrack(trackIdx: number): Track | null;
|
|
159
157
|
deleteTrack(trackIdx: number): void;
|
|
@@ -242,7 +240,6 @@ declare const EditEvent: {
|
|
|
242
240
|
readonly TimelineUpdated: "timeline:updated";
|
|
243
241
|
readonly TimelineBackgroundChanged: "timeline:backgroundChanged";
|
|
244
242
|
readonly ClipAdded: "clip:added";
|
|
245
|
-
readonly ClipSplit: "clip:split";
|
|
246
243
|
readonly ClipSelected: "clip:selected";
|
|
247
244
|
readonly ClipUpdated: "clip:updated";
|
|
248
245
|
readonly ClipDeleted: "clip:deleted";
|
|
@@ -264,8 +261,6 @@ declare const EditEvent: {
|
|
|
264
261
|
readonly OutputFormatChanged: "output:formatChanged";
|
|
265
262
|
readonly OutputDestinationsChanged: "output:destinationsChanged";
|
|
266
263
|
readonly MergeFieldChanged: "mergefield:changed";
|
|
267
|
-
readonly LumaAttached: "luma:attached";
|
|
268
|
-
readonly LumaDetached: "luma:detached";
|
|
269
264
|
};
|
|
270
265
|
|
|
271
266
|
declare type EditEventMap = {
|
|
@@ -279,11 +274,6 @@ declare type EditEventMap = {
|
|
|
279
274
|
color: string;
|
|
280
275
|
};
|
|
281
276
|
[EditEvent.ClipAdded]: ClipLocation;
|
|
282
|
-
[EditEvent.ClipSplit]: {
|
|
283
|
-
trackIndex: number;
|
|
284
|
-
originalClipIndex: number;
|
|
285
|
-
newClipIndex: number;
|
|
286
|
-
};
|
|
287
277
|
[EditEvent.ClipSelected]: ClipReference;
|
|
288
278
|
[EditEvent.ClipUpdated]: {
|
|
289
279
|
previous: ClipReference;
|
|
@@ -343,11 +333,6 @@ declare type EditEventMap = {
|
|
|
343
333
|
[EditEvent.MergeFieldChanged]: {
|
|
344
334
|
fields: MergeField[];
|
|
345
335
|
};
|
|
346
|
-
[EditEvent.LumaAttached]: ClipLocation & {
|
|
347
|
-
lumaSrc: string;
|
|
348
|
-
lumaClipIndex: number;
|
|
349
|
-
};
|
|
350
|
-
[EditEvent.LumaDetached]: ClipLocation;
|
|
351
336
|
};
|
|
352
337
|
|
|
353
338
|
declare type EventPayloadMap<TPayload = any> = Record<string, TPayload>;
|
|
@@ -384,16 +369,6 @@ declare interface ReadonlyEventEmitter<TEventPayloadMap extends EventPayloadMap>
|
|
|
384
369
|
off<K extends keyof TEventPayloadMap>(name: K, listener: Listener<TEventPayloadMap[K]>): void;
|
|
385
370
|
}
|
|
386
371
|
|
|
387
|
-
/**
|
|
388
|
-
* A number representing time in seconds.
|
|
389
|
-
* Used at API/configuration boundaries where users specify timing.
|
|
390
|
-
*/
|
|
391
|
-
declare type Seconds = number & {
|
|
392
|
-
readonly [SecondsSymbol]: typeof SecondsSymbol;
|
|
393
|
-
};
|
|
394
|
-
|
|
395
|
-
declare const SecondsSymbol: unique symbol;
|
|
396
|
-
|
|
397
372
|
export declare class Timeline {
|
|
398
373
|
private readonly edit;
|
|
399
374
|
readonly element: HTMLElement;
|
package/dist/internal.d.ts
CHANGED
|
@@ -23,8 +23,8 @@ export declare class Edit {
|
|
|
23
23
|
private document;
|
|
24
24
|
private backgroundColor;
|
|
25
25
|
private tracks;
|
|
26
|
-
playbackTime:
|
|
27
|
-
totalDuration:
|
|
26
|
+
playbackTime: number;
|
|
27
|
+
totalDuration: number;
|
|
28
28
|
isPlaying: boolean;
|
|
29
29
|
private get clips();
|
|
30
30
|
private internalEvents;
|
|
@@ -44,7 +44,6 @@ export declare class Edit {
|
|
|
44
44
|
private lumaContentRelations;
|
|
45
45
|
private fontMetadata;
|
|
46
46
|
private isBatchingEvents;
|
|
47
|
-
private syncCorrectionCount;
|
|
48
47
|
private isExporting;
|
|
49
48
|
private lastResolved;
|
|
50
49
|
/**
|
|
@@ -61,7 +60,7 @@ export declare class Edit {
|
|
|
61
60
|
private initializeFromDocument;
|
|
62
61
|
play(): void;
|
|
63
62
|
pause(): void;
|
|
64
|
-
seek(target:
|
|
63
|
+
seek(target: number): void;
|
|
65
64
|
stop(): void;
|
|
66
65
|
/**
|
|
67
66
|
* Reload the edit with a new configuration (hot-reload).
|
|
@@ -76,7 +75,6 @@ export declare class Edit {
|
|
|
76
75
|
*/
|
|
77
76
|
private clearClipErrorAndShift;
|
|
78
77
|
deleteClip(trackIdx: number, clipIdx: number): Promise<void>;
|
|
79
|
-
splitClip(trackIndex: number, clipIndex: number, splitTime: number): Promise<void>;
|
|
80
78
|
addTrack(trackIdx: number, track: Track): Promise<void>;
|
|
81
79
|
getTrack(trackIdx: number): Track | null;
|
|
82
80
|
deleteTrack(trackIdx: number): void;
|
|
@@ -162,7 +160,6 @@ declare const EditEvent: {
|
|
|
162
160
|
readonly TimelineUpdated: "timeline:updated";
|
|
163
161
|
readonly TimelineBackgroundChanged: "timeline:backgroundChanged";
|
|
164
162
|
readonly ClipAdded: "clip:added";
|
|
165
|
-
readonly ClipSplit: "clip:split";
|
|
166
163
|
readonly ClipSelected: "clip:selected";
|
|
167
164
|
readonly ClipUpdated: "clip:updated";
|
|
168
165
|
readonly ClipDeleted: "clip:deleted";
|
|
@@ -184,8 +181,6 @@ declare const EditEvent: {
|
|
|
184
181
|
readonly OutputFormatChanged: "output:formatChanged";
|
|
185
182
|
readonly OutputDestinationsChanged: "output:destinationsChanged";
|
|
186
183
|
readonly MergeFieldChanged: "mergefield:changed";
|
|
187
|
-
readonly LumaAttached: "luma:attached";
|
|
188
|
-
readonly LumaDetached: "luma:detached";
|
|
189
184
|
};
|
|
190
185
|
|
|
191
186
|
declare type EditEventMap = {
|
|
@@ -199,11 +194,6 @@ declare type EditEventMap = {
|
|
|
199
194
|
color: string;
|
|
200
195
|
};
|
|
201
196
|
[EditEvent.ClipAdded]: ClipLocation;
|
|
202
|
-
[EditEvent.ClipSplit]: {
|
|
203
|
-
trackIndex: number;
|
|
204
|
-
originalClipIndex: number;
|
|
205
|
-
newClipIndex: number;
|
|
206
|
-
};
|
|
207
197
|
[EditEvent.ClipSelected]: ClipReference;
|
|
208
198
|
[EditEvent.ClipUpdated]: {
|
|
209
199
|
previous: ClipReference;
|
|
@@ -263,11 +253,6 @@ declare type EditEventMap = {
|
|
|
263
253
|
[EditEvent.MergeFieldChanged]: {
|
|
264
254
|
fields: MergeField[];
|
|
265
255
|
};
|
|
266
|
-
[EditEvent.LumaAttached]: ClipLocation & {
|
|
267
|
-
lumaSrc: string;
|
|
268
|
-
lumaClipIndex: number;
|
|
269
|
-
};
|
|
270
|
-
[EditEvent.LumaDetached]: ClipLocation;
|
|
271
256
|
};
|
|
272
257
|
|
|
273
258
|
declare class EventEmitter<TEventPayloadMap extends EventPayloadMap = EventPayloadMap> {
|
|
@@ -372,16 +357,6 @@ declare interface ReadonlyEventEmitter<TEventPayloadMap extends EventPayloadMap>
|
|
|
372
357
|
off<K extends keyof TEventPayloadMap>(name: K, listener: Listener<TEventPayloadMap[K]>): void;
|
|
373
358
|
}
|
|
374
359
|
|
|
375
|
-
/**
|
|
376
|
-
* A number representing time in seconds.
|
|
377
|
-
* Used at API/configuration boundaries where users specify timing.
|
|
378
|
-
*/
|
|
379
|
-
declare type Seconds = number & {
|
|
380
|
-
readonly [SecondsSymbol]: typeof SecondsSymbol;
|
|
381
|
-
};
|
|
382
|
-
|
|
383
|
-
declare const SecondsSymbol: unique symbol;
|
|
384
|
-
|
|
385
360
|
/**
|
|
386
361
|
* Serialized format for JSON export (matches Shotstack API).
|
|
387
362
|
* The replace value can be any type - strings, numbers, booleans, objects.
|