@shotstack/shotstack-studio 1.3.0 → 1.4.0

package/dist/{core → src/core}/schemas/video-asset.d.ts

@@ -16,26 +16,28 @@ export declare const VideoAssetCropSchema: zod.ZodObject<{
     bottom?: number | undefined;
     left?: number | undefined;
 }>;
-export declare const VideoAssetVolumeSchema: zod.ZodUnion<[zod.ZodArray<zod.ZodObject<{
+export declare const VideoAssetVolumeSchema: zod.ZodUnion<[zod.ZodArray<zod.ZodObject<zod.objectUtil.extendShape<{
+    from: zod.ZodNumber;
+    to: zod.ZodNumber;
     start: zod.ZodNumber;
     length: zod.ZodNumber;
     interpolation: zod.ZodOptional<zod.ZodEnum<["linear", "bezier", "constant"]>>;
     easing: zod.ZodOptional<zod.ZodEnum<["ease", "easeIn", "easeOut", "easeInOut", "easeInQuad", "easeInCubic", "easeInQuart", "easeInQuint", "easeInSine", "easeInExpo", "easeInCirc", "easeInBack", "easeOutQuad", "easeOutCubic", "easeOutQuart", "easeOutQuint", "easeOutSine", "easeOutExpo", "easeOutCirc", "easeOutBack", "easeInOutQuad", "easeInOutCubic", "easeInOutQuart", "easeInOutQuint", "easeInOutSine", "easeInOutExpo", "easeInOutCirc", "easeInOutBack"]>>;
-} & {
+}, {
     from: zod.ZodNumber;
     to: zod.ZodNumber;
-}, "strip", zod.ZodTypeAny, {
-    length: number;
+}>, "strip", zod.ZodTypeAny, {
     from: number;
     to: number;
     start: number;
+    length: number;
     interpolation?: "linear" | "bezier" | "constant" | undefined;
     easing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "easeInQuad" | "easeInCubic" | "easeInQuart" | "easeInQuint" | "easeInSine" | "easeInExpo" | "easeInCirc" | "easeInBack" | "easeOutQuad" | "easeOutCubic" | "easeOutQuart" | "easeOutQuint" | "easeOutSine" | "easeOutExpo" | "easeOutCirc" | "easeOutBack" | "easeInOutQuad" | "easeInOutCubic" | "easeInOutQuart" | "easeInOutQuint" | "easeInOutSine" | "easeInOutExpo" | "easeInOutCirc" | "easeInOutBack" | undefined;
 }, {
-    length: number;
     from: number;
     to: number;
     start: number;
+    length: number;
     interpolation?: "linear" | "bezier" | "constant" | undefined;
     easing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "easeInQuad" | "easeInCubic" | "easeInQuart" | "easeInQuint" | "easeInSine" | "easeInExpo" | "easeInCirc" | "easeInBack" | "easeOutQuad" | "easeOutCubic" | "easeOutQuart" | "easeOutQuint" | "easeOutSine" | "easeOutExpo" | "easeOutCirc" | "easeOutBack" | "easeInOutQuad" | "easeInOutCubic" | "easeInOutQuart" | "easeInOutQuint" | "easeInOutSine" | "easeInOutExpo" | "easeInOutCirc" | "easeInOutBack" | undefined;
 }>, "many">, zod.ZodNumber]>;
@@ -59,38 +61,40 @@ export declare const VideoAssetSchema: zod.ZodObject<{
         bottom?: number | undefined;
         left?: number | undefined;
     }>>;
-    volume: zod.ZodOptional<zod.ZodUnion<[zod.ZodArray<zod.ZodObject<{
+    volume: zod.ZodOptional<zod.ZodUnion<[zod.ZodArray<zod.ZodObject<zod.objectUtil.extendShape<{
+        from: zod.ZodNumber;
+        to: zod.ZodNumber;
         start: zod.ZodNumber;
         length: zod.ZodNumber;
         interpolation: zod.ZodOptional<zod.ZodEnum<["linear", "bezier", "constant"]>>;
         easing: zod.ZodOptional<zod.ZodEnum<["ease", "easeIn", "easeOut", "easeInOut", "easeInQuad", "easeInCubic", "easeInQuart", "easeInQuint", "easeInSine", "easeInExpo", "easeInCirc", "easeInBack", "easeOutQuad", "easeOutCubic", "easeOutQuart", "easeOutQuint", "easeOutSine", "easeOutExpo", "easeOutCirc", "easeOutBack", "easeInOutQuad", "easeInOutCubic", "easeInOutQuart", "easeInOutQuint", "easeInOutSine", "easeInOutExpo", "easeInOutCirc", "easeInOutBack"]>>;
-    } & {
+    }, {
         from: zod.ZodNumber;
         to: zod.ZodNumber;
-    }, "strip", zod.ZodTypeAny, {
-        length: number;
+    }>, "strip", zod.ZodTypeAny, {
         from: number;
         to: number;
         start: number;
+        length: number;
         interpolation?: "linear" | "bezier" | "constant" | undefined;
         easing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "easeInQuad" | "easeInCubic" | "easeInQuart" | "easeInQuint" | "easeInSine" | "easeInExpo" | "easeInCirc" | "easeInBack" | "easeOutQuad" | "easeOutCubic" | "easeOutQuart" | "easeOutQuint" | "easeOutSine" | "easeOutExpo" | "easeOutCirc" | "easeOutBack" | "easeInOutQuad" | "easeInOutCubic" | "easeInOutQuart" | "easeInOutQuint" | "easeInOutSine" | "easeInOutExpo" | "easeInOutCirc" | "easeInOutBack" | undefined;
     }, {
-        length: number;
         from: number;
         to: number;
         start: number;
+        length: number;
         interpolation?: "linear" | "bezier" | "constant" | undefined;
         easing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "easeInQuad" | "easeInCubic" | "easeInQuart" | "easeInQuint" | "easeInSine" | "easeInExpo" | "easeInCirc" | "easeInBack" | "easeOutQuad" | "easeOutCubic" | "easeOutQuart" | "easeOutQuint" | "easeOutSine" | "easeOutExpo" | "easeOutCirc" | "easeOutBack" | "easeInOutQuad" | "easeInOutCubic" | "easeInOutQuart" | "easeInOutQuint" | "easeInOutSine" | "easeInOutExpo" | "easeInOutCirc" | "easeInOutBack" | undefined;
     }>, "many">, zod.ZodNumber]>>;
 }, "strip", zod.ZodTypeAny, {
-    src: string;
     type: "video";
+    src: string;
     trim?: number | undefined;
     volume?: number | {
-        length: number;
         from: number;
         to: number;
         start: number;
+        length: number;
         interpolation?: "linear" | "bezier" | "constant" | undefined;
         easing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "easeInQuad" | "easeInCubic" | "easeInQuart" | "easeInQuint" | "easeInSine" | "easeInExpo" | "easeInCirc" | "easeInBack" | "easeOutQuad" | "easeOutCubic" | "easeOutQuart" | "easeOutQuint" | "easeOutSine" | "easeOutExpo" | "easeOutCirc" | "easeOutBack" | "easeInOutQuad" | "easeInOutCubic" | "easeInOutQuart" | "easeInOutQuint" | "easeInOutSine" | "easeInOutExpo" | "easeInOutCirc" | "easeInOutBack" | undefined;
     }[] | undefined;
@@ -101,14 +105,14 @@ export declare const VideoAssetSchema: zod.ZodObject<{
         left?: number | undefined;
     } | undefined;
 }, {
-    src: string;
     type: "video";
+    src: string;
     trim?: number | undefined;
     volume?: number | {
-        length: number;
         from: number;
         to: number;
         start: number;
+        length: number;
         interpolation?: "linear" | "bezier" | "constant" | undefined;
         easing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "easeInQuad" | "easeInCubic" | "easeInQuart" | "easeInQuint" | "easeInSine" | "easeInExpo" | "easeInCirc" | "easeInBack" | "easeOutQuad" | "easeOutCubic" | "easeOutQuart" | "easeOutQuint" | "easeOutSine" | "easeOutExpo" | "easeOutCirc" | "easeOutBack" | "easeInOutQuad" | "easeInOutCubic" | "easeInOutQuart" | "easeInOutQuint" | "easeInOutSine" | "easeInOutExpo" | "easeInOutCirc" | "easeInOutBack" | undefined;
     }[] | undefined;

package/dist/src/index.d.ts

@@ -0,0 +1,4 @@
+export { Edit } from "@core/edit";
+export { Canvas } from "@canvas/shotstack-canvas";
+export { Controls } from "@core/inputs/controls";
+export { VideoExporter } from "@core/export/video-exporter";

package/dist/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

package/package.json

@@ -5,7 +5,7 @@
 		"cpuccino",
 		"dazzatron"
 	],
-	"version": "1.3.0",
+	"version": "1.4.0",
 	"description": "A video editing library for creating and editing videos with Shotstack",
 	"type": "module",
 	"main": "dist/shotstack-studio.umd.js",

package/readme.md

@@ -109,6 +109,10 @@ edit.addTrack(1, { clips: [] });
 edit.deleteClip(0, 0);
 edit.deleteTrack(1);
 
+// Undo/Redo
+edit.undo();
+edit.redo();
+
 // Get edit information
 const clip = edit.getClip(0, 0);
 const track = edit.getTrack(0);
@@ -174,6 +178,8 @@ await controls.load();
 // Shift + Arrow - Seek larger amount
 // Comma - Step backward one frame
 // Period - Step forward one frame
+// Cmd/Ctrl + Z - Undo
+// Cmd/Ctrl + Shift + Z - Redo
 ```
 
 ### VideoExporter
@@ -277,11 +283,15 @@ Creates a new Edit instance with the specified dimensions and background color.
 - `getTrack(trackIdx: number)` - Get a track by index
 - `deleteTrack(trackIdx: number)` - Delete a track
 - `getEdit()` - Get the full edit configuration as a JSON object
+- `undo()` - Undo the last editing operation
+- `redo()` - Redo the last undone operation
 
 #### Events
 
 - `clip:selected` - Triggered when a clip is selected
 - `clip:updated` - Triggered when a clip is modified
+- `edit:undo` - Triggered when an undo operation is performed
+- `edit:redo` - Triggered when a redo operation is performed
 
 ### Canvas
 

package/dist/core/entities/index.d.ts

@@ -1,14 +0,0 @@
-export { Entity } from './base/entity';
-export { Player } from './base/player';
-export { AudioPlayer } from './players/audio-player';
-export { HtmlPlayer } from './players/html-player';
-export { ImagePlayer } from './players/image-player';
-export { LumaPlayer } from './players/luma-player';
-export { ShapePlayer } from './players/shape-player';
-export { TextPlayer } from './players/text-player';
-export { VideoPlayer } from './players/video-player';
-export { TextCursor } from './text/text-cursor';
-export { TextEditor } from './text/text-editor';
-export { TextInputHandler } from './text/text-input-handler';
-export { Edit } from './system/edit';
-export { Inspector } from './system/inspector';

package/dist/index.d.ts

@@ -1,4 +0,0 @@
-export { Edit } from "@entities/system/edit";
-export { Canvas } from "./core/shotstack-canvas";
-export { Controls } from "./core/inputs/controls";
-export { VideoExporter } from "./core/export/video-exporter";

package/dist/{core → src/core}/schemas/html-asset.d.ts

@@ -8,15 +8,15 @@ export declare const HtmlAssetSchema: zod.ZodObject<{
     height: zod.ZodOptional<zod.ZodNumber>;
     position: zod.ZodOptional<zod.ZodEnum<["top", "topRight", "right", "bottomRight", "bottom", "bottomLeft", "left", "topLeft", "center"]>>;
 }, "strip", zod.ZodTypeAny, {
-    html: string;
     type: "html";
+    html: string;
     css: string;
     width?: number | undefined;
     height?: number | undefined;
     position?: "top" | "topRight" | "right" | "bottomRight" | "bottom" | "bottomLeft" | "left" | "topLeft" | "center" | undefined;
 }, {
-    html: string;
     type: "html";
+    html: string;
     css: string;
     width?: number | undefined;
     height?: number | undefined;

package/dist/{core → src/core}/schemas/image-asset.d.ts

@@ -36,8 +36,8 @@ export declare const ImageAssetSchema: zod.ZodObject<{
         left?: number | undefined;
     }>>;
 }, "strip", zod.ZodTypeAny, {
-    src: string;
     type: "image";
+    src: string;
     crop?: {
         top?: number | undefined;
         right?: number | undefined;
@@ -45,8 +45,8 @@ export declare const ImageAssetSchema: zod.ZodObject<{
         left?: number | undefined;
     } | undefined;
 }, {
-    src: string;
     type: "image";
+    src: string;
     crop?: {
         top?: number | undefined;
         right?: number | undefined;

package/dist/{core → src/core}/schemas/keyframe.d.ts

@@ -9,17 +9,17 @@ export declare const KeyframeSchema: zod.ZodObject<{
     interpolation: zod.ZodOptional<zod.ZodEnum<["linear", "bezier", "constant"]>>;
     easing: zod.ZodOptional<zod.ZodEnum<["ease", "easeIn", "easeOut", "easeInOut", "easeInQuad", "easeInCubic", "easeInQuart", "easeInQuint", "easeInSine", "easeInExpo", "easeInCirc", "easeInBack", "easeOutQuad", "easeOutCubic", "easeOutQuart", "easeOutQuint", "easeOutSine", "easeOutExpo", "easeOutCirc", "easeOutBack", "easeInOutQuad", "easeInOutCubic", "easeInOutQuart", "easeInOutQuint", "easeInOutSine", "easeInOutExpo", "easeInOutCirc", "easeInOutBack"]>>;
 }, "strip", zod.ZodTypeAny, {
-    length: number;
     from: number;
     to: number;
     start: number;
+    length: number;
     interpolation?: "linear" | "bezier" | "constant" | undefined;
     easing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "easeInQuad" | "easeInCubic" | "easeInQuart" | "easeInQuint" | "easeInSine" | "easeInExpo" | "easeInCirc" | "easeInBack" | "easeOutQuad" | "easeOutCubic" | "easeOutQuart" | "easeOutQuint" | "easeOutSine" | "easeOutExpo" | "easeOutCirc" | "easeOutBack" | "easeInOutQuad" | "easeInOutCubic" | "easeInOutQuart" | "easeInOutQuint" | "easeInOutSine" | "easeInOutExpo" | "easeInOutCirc" | "easeInOutBack" | undefined;
 }, {
-    length: number;
     from: number;
     to: number;
     start: number;
+    length: number;
     interpolation?: "linear" | "bezier" | "constant" | undefined;
     easing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "easeInQuad" | "easeInCubic" | "easeInQuart" | "easeInQuint" | "easeInSine" | "easeInExpo" | "easeInCirc" | "easeInBack" | "easeOutQuad" | "easeOutCubic" | "easeOutQuart" | "easeOutQuint" | "easeOutSine" | "easeOutExpo" | "easeOutCirc" | "easeOutBack" | "easeInOutQuad" | "easeInOutCubic" | "easeInOutQuart" | "easeInOutQuint" | "easeInOutSine" | "easeInOutExpo" | "easeInOutCirc" | "easeInOutBack" | undefined;
 }>;

package/dist/{core → src/core}/schemas/luma-asset.d.ts

@@ -4,10 +4,10 @@ export declare const LumaAssetSchema: zod.ZodObject<{
     type: zod.ZodLiteral<"luma">;
     src: zod.ZodString;
 }, "strip", zod.ZodTypeAny, {
-    src: string;
     type: "luma";
-}, {
     src: string;
+}, {
     type: "luma";
+    src: string;
 }>;
 export type LumaAsset = zod.infer<typeof LumaAssetSchema>;