@rendley/sdk 1.0.2 → 1.0.4

package/dist/modules/clip/Clip.d.ts

@@ -23,7 +23,6 @@ export interface ClipOptions<K extends ClipStyle = ClipStyle> {
     style?: Partial<ReturnType<K["serialize"]>>;
 }
 export declare const ClipSchema: z.ZodObject<{
-    name: z.ZodString;
     id: z.ZodString;
     type: z.ZodString;
     mediaDataId: z.ZodOptional<z.ZodString>;
@@ -35,7 +34,6 @@ export declare const ClipSchema: z.ZodObject<{
     rightTrim: z.ZodNumber;
     filters: z.ZodArray<z.ZodObject<{
         id: z.ZodString;
-        name: z.ZodString;
         sourceId: z.ZodString;
         options: z.ZodObject<{
             lutUrl: z.ZodString;
@@ -45,14 +43,12 @@ export declare const ClipSchema: z.ZodObject<{
             lutUrl: string;
         }>;
     }, "strip", z.ZodTypeAny, {
-        name: string;
         options: {
             lutUrl: string;
         };
         id: string;
         sourceId: string;
     }, {
-        name: string;
         options: {
             lutUrl: string;
         };
@@ -64,12 +60,10 @@ export declare const ClipSchema: z.ZodObject<{
     style: z.ZodUnknown;
     text: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
-    name: string;
     type: string;
     id: string;
     duration: number;
     filters: {
-        name: string;
         options: {
             lutUrl: string;
         };
@@ -87,12 +81,10 @@ export declare const ClipSchema: z.ZodObject<{
     style?: unknown;
     text?: string | undefined;
 }, {
-    name: string;
     type: string;
     id: string;
     duration: number;
     filters: {
-        name: string;
         options: {
             lutUrl: string;
         };
@@ -129,7 +121,7 @@ export declare class Clip<T extends PIXI.Sprite = PIXI.Sprite, K extends ClipSty
     style: K;
     state: ClipState;
     constructor(options: ClipOptions<K>);
-    init(layerId: string): void;
+    init(layerId: string): Promise<void>;
     isReady(): boolean;
     getStartTime(): number;
     getEndTime(): number;
@@ -180,12 +172,10 @@ export declare class Clip<T extends PIXI.Sprite = PIXI.Sprite, K extends ClipSty
     clone(): Clip<PIXI.Sprite, ClipStyle<PIXI.Sprite>>;
     protected updateTexture(pixels: Uint8Array, width: number, height: number): void;
     serialize(): {
-        name: string;
         type: string;
         id: string;
         duration: number;
         filters: {
-            name: string;
             options: {
                 lutUrl: string;
             };

package/dist/modules/clip/ClipStyle.d.ts

@@ -10,9 +10,9 @@ export interface ClipStyleOptions {
     zIndex?: number;
     width?: number;
     height?: number;
+    cornerRadius?: number;
 }
 export declare const schema: z.ZodObject<{
-    name: z.ZodString;
     clipId: z.ZodString;
     mediaDataId: z.ZodOptional<z.ZodString>;
     alpha: z.ZodNumber;
@@ -22,8 +22,8 @@ export declare const schema: z.ZodObject<{
     zIndex: z.ZodNumber;
     width: z.ZodOptional<z.ZodNumber>;
     height: z.ZodOptional<z.ZodNumber>;
+    cornerRadius: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
-    name: string;
     clipId: string;
     alpha: number;
     rotation: number;
@@ -33,8 +33,8 @@ export declare const schema: z.ZodObject<{
     mediaDataId?: string | undefined;
     width?: number | undefined;
     height?: number | undefined;
+    cornerRadius?: number | undefined;
 }, {
-    name: string;
     clipId: string;
     alpha: number;
     rotation: number;
@@ -44,6 +44,7 @@ export declare const schema: z.ZodObject<{
     mediaDataId?: string | undefined;
     width?: number | undefined;
     height?: number | undefined;
+    cornerRadius?: number | undefined;
 }>;
 export declare class ClipStyle<T extends PIXI.Sprite = PIXI.Sprite> {
     protected alpha: number;
@@ -53,18 +54,22 @@ export declare class ClipStyle<T extends PIXI.Sprite = PIXI.Sprite> {
     protected width: number;
     protected height: number;
     protected scale: [number, number];
+    protected cornerRadius: number;
     protected sprite: T | null;
     private clipId;
     private mediaDataId;
+    protected mask: PIXI.Graphics | null;
     constructor(options: ClipStyleOptions);
     private positionToCenter;
     private scaleDownToFit;
+    setCornerRadius(radius: number): void;
+    getCornerRadius(): number;
     setScale(scaleX: number, scaleY: number): void;
     getScale(): [number, number];
-    setWidth(width: number): void;
-    setHeight(height: number): void;
     getWidth(): number;
     getHeight(): number;
+    getRawWidth(): number;
+    getRawHeight(): number;
     setAlpha(alpha: number): void;
     getAlpha(): number;
     setRotation(rotation: number): void;
@@ -75,9 +80,9 @@ export declare class ClipStyle<T extends PIXI.Sprite = PIXI.Sprite> {
     getZIndex(): number;
     load(sprite: T): void;
     update(sprite: T): void;
+    private setCornerRadiusOnSprite;
     protected emitUpdateEvent(property: string, value: unknown): boolean;
     serialize(): {
-        name: string;
         clipId: string;
         alpha: number;
         rotation: number;
@@ -87,6 +92,7 @@ export declare class ClipStyle<T extends PIXI.Sprite = PIXI.Sprite> {
         mediaDataId?: string | undefined;
         width?: number | undefined;
         height?: number | undefined;
+        cornerRadius?: number | undefined;
     };
     static deserialize(payload: object): ClipStyle<PIXI.Sprite>;
 }

package/dist/modules/clip/clips/audio/AudioClip.d.ts

@@ -12,7 +12,7 @@ export declare class AudioClip extends Clip {
     private lastLeftTrim;
     private lastRightTrim;
     constructor(options: AudioClipOptions);
-    init(layerId: string): void;
+    init(layerId: string): Promise<void>;
     private getGlobalTimeToClipTime;
     getIsProcessing(): boolean;
     preload(currentTime: number): void;

package/dist/modules/clip/clips/gif/GifClip.d.ts

@@ -11,7 +11,7 @@ export declare class GifClip extends Clip<PIXI.Sprite, ClipStyle<PIXI.Sprite>> {
     private lastRightTrim;
     private gifAnimator;
     constructor(options: GifClipOptions);
-    init(layerId: string): void;
+    init(layerId: string): Promise<void>;
     private getGlobalTimeToClipTime;
     preload(currentTime: number): void;
     private play;

package/dist/modules/clip/clips/image/ImageClip.d.ts

@@ -6,7 +6,7 @@ export interface ImageClipOptions extends ClipOptions<ClipStyle> {
 }
 export declare class ImageClip extends Clip<PIXI.Sprite, ClipStyle<PIXI.Sprite>> {
     constructor(options: ImageClipOptions);
-    init(layerId: string): void;
+    init(layerId: string): Promise<void>;
     preload(currentTime: number): void;
     updateVisibility(currentTime: number): void;
     update(currentTime: number): void;

package/dist/modules/clip/clips/lottie/LottieClip.d.ts

@@ -0,0 +1,50 @@
+import * as PIXI from "pixi.js";
+import { Clip, ClipOptions } from "../../Clip";
+import { ClipStyle } from "../../ClipStyle";
+export interface LottieClipOptions extends ClipOptions<ClipStyle> {
+    dataUrl: string;
+    assetsUrl?: string;
+}
+export declare class LottieClip extends Clip<PIXI.Sprite, ClipStyle<PIXI.Sprite>> {
+    private dataUrl;
+    private assetsUrl;
+    private animation?;
+    constructor(options: LottieClipOptions);
+    init(layerId: string): Promise<void>;
+    preload(currentTime: number): void;
+    updateVisibility(currentTime: number): void;
+    private getGlobalTimeToClipTime;
+    update(currentTime: number): void;
+    offload(): void;
+    clone(): LottieClip;
+    destroy(): void;
+    replaceText(layerId: string | number, text: string): void;
+    private updateCachedData;
+    replaceFillColor(layerId: string | number, color: Array<number>): void;
+    replaceImage(layerId: string | number, url: string): void;
+    serialize(): {
+        type: string;
+        id: string;
+        duration: number;
+        filters: {
+            options: {
+                lutUrl: string;
+            };
+            id: string;
+            sourceId: string;
+        }[];
+        effects: unknown[];
+        subtitlesOffset: number;
+        startTime: number;
+        leftTrim: number;
+        rightTrim: number;
+        warpMode: import('../../../../types').WarmModeEnum;
+        dataUrl: string;
+        text?: string | undefined;
+        style?: unknown;
+        mediaDataId?: string | undefined;
+        subtitlesId?: string | undefined;
+        assetsUrl?: string | undefined;
+    };
+    static deserialize(payload: object): LottieClip;
+}

package/dist/modules/clip/clips/shape/ShapeClip.d.ts

@@ -15,13 +15,11 @@ export declare class ShapeClip extends Clip<ShapeSprite, ShapeStyle> {
     clone(): ShapeClip;
     destroy(): void;
     serialize(): {
-        name: string;
         type: string;
         id: string;
         shape: string;
         duration: number;
         filters: {
-            name: string;
             options: {
                 lutUrl: string;
             };
@@ -33,7 +31,7 @@ export declare class ShapeClip extends Clip<ShapeSprite, ShapeStyle> {
         startTime: number;
         leftTrim: number;
         rightTrim: number;
-        warpMode: import("../../../..").WarmModeEnum;
+        warpMode: import('../../../../types').WarmModeEnum;
         text?: string | undefined;
         style?: unknown;
         mediaDataId?: string | undefined;

package/dist/modules/clip/clips/shape/ShapeStyle.d.ts

@@ -10,7 +10,6 @@ export declare class ShapeStyle extends ClipStyle<ShapeSprite> {
     getColor(): string;
     update(container: ShapeSprite): void;
     serialize(): {
-        name: string;
         color: string;
         clipId: string;
         alpha: number;
@@ -21,6 +20,7 @@ export declare class ShapeStyle extends ClipStyle<ShapeSprite> {
         width?: number | undefined;
         height?: number | undefined;
         mediaDataId?: string | undefined;
+        cornerRadius?: number | undefined;
     };
     static deserialize(payload: object): ShapeStyle;
 }

package/dist/modules/clip/clips/text/TextClip.d.ts

@@ -15,13 +15,11 @@ export declare class TextClip extends Clip<TextSprite, TextStyle> {
     offload(): void;
     clone(): TextClip;
     serialize(): {
-        name: string;
         text: string;
         type: string;
         id: string;
         duration: number;
         filters: {
-            name: string;
             options: {
                 lutUrl: string;
             };

package/dist/modules/clip/clips/text/TextStyle.d.ts

@@ -46,7 +46,6 @@ export declare class TextStyle extends ClipStyle<TextSprite> {
     setRotation(rotation: number): void;
     update(container: TextSprite): void;
     serialize(): {
-        name: string;
         backgroundColor: string | null;
         color: string;
         clipId: string;
@@ -63,6 +62,7 @@ export declare class TextStyle extends ClipStyle<TextSprite> {
         width?: number | undefined;
         height?: number | undefined;
         mediaDataId?: string | undefined;
+        cornerRadius?: number | undefined;
     };
     static deserialize(payload: object): TextStyle;
 }

package/dist/modules/clip/clips/video/VideoClip.d.ts

@@ -18,7 +18,7 @@ export declare class VideoClip extends Clip<PIXI.Sprite, ClipStyle<PIXI.Sprite>>
     private frameQueue;
     private isRendering;
     constructor(options: VideoClipOptions);
-    init(layerId: string): void;
+    init(layerId: string): Promise<void>;
     private getGlobalTimeToClipTime;
     getIsProcessing(): boolean;
     preload(currentTime: number): void;

package/dist/modules/display/Display.d.ts

@@ -13,21 +13,21 @@ export declare const DisplaySchema: z.ZodObject<{
     backgroundColor: string;
     height: number;
 }>;
-export type DisplayOptions = Partial<Omit<PixiRendererInitOptions, "view">>;
+export type DisplayOptions = Partial<Omit<PixiRendererInitOptions, "view">> & {
+    view: HTMLCanvasElement;
+};
 export declare class Display {
     private width;
     private height;
     private backgroundColor;
     renderer: PixiRenderer;
-    private static instance;
-    constructor(options: DisplayOptions);
-    static getInstance(options?: DisplayOptions): Display;
-    init(canvas: HTMLCanvasElement): void;
-    updateInstance(options: DisplayOptions): void;
+    constructor();
+    init(options: DisplayOptions): void;
     getWidth(): number;
     getHeight(): number;
     getResolution(): [number, number];
     getBackgroundColor(): string;
+    getView(): HTMLCanvasElement;
     setBackgroundColor(color: string): void;
     setResolution(width: number, height: number): void;
     getClipIdByCursorPosition(cursorX: number, cursorY: number): string | null;

package/dist/modules/filter/Effect.d.ts

@@ -20,7 +20,6 @@ export declare class Effect {
     updateUniformsFromSprite(sprite: PIXI.Sprite): void;
     update(currentTime: number): void;
     serialize(): {
-        name: string;
         options: {
             textureWidth: number;
             textureHeight: number;

package/dist/modules/filter/Filter.d.ts

@@ -2,7 +2,6 @@ import * as PIXI from "pixi.js";
 import { z } from "zod";
 export declare const FilterSchema: z.ZodObject<{
     id: z.ZodString;
-    name: z.ZodString;
     sourceId: z.ZodString;
     options: z.ZodObject<{
         lutUrl: z.ZodString;
@@ -12,14 +11,12 @@ export declare const FilterSchema: z.ZodObject<{
         lutUrl: string;
     }>;
 }, "strip", z.ZodTypeAny, {
-    name: string;
     options: {
         lutUrl: string;
     };
     id: string;
     sourceId: string;
 }, {
-    name: string;
     options: {
         lutUrl: string;
     };
@@ -41,7 +38,6 @@ export declare class Filter {
     getSourceId(): string;
     getPixiFilter(): PIXI.Filter;
     serialize(): {
-        name: string;
         options: {
             lutUrl: string;
         };

package/dist/modules/layer/Layer.d.ts

@@ -11,7 +11,6 @@ export declare const LayerSchema: z.ZodObject<{
     isEnabled: z.ZodBoolean;
     isMuted: z.ZodBoolean;
     clips: z.ZodArray<z.ZodObject<{
-        name: z.ZodString;
         id: z.ZodString;
         type: z.ZodString;
         mediaDataId: z.ZodOptional<z.ZodString>;
@@ -23,7 +22,6 @@ export declare const LayerSchema: z.ZodObject<{
         rightTrim: z.ZodNumber;
         filters: z.ZodArray<z.ZodObject<{
             id: z.ZodString;
-            name: z.ZodString;
             sourceId: z.ZodString;
             options: z.ZodObject<{
                 lutUrl: z.ZodString;
@@ -33,14 +31,12 @@ export declare const LayerSchema: z.ZodObject<{
                 lutUrl: string;
             }>;
         }, "strip", z.ZodTypeAny, {
-            name: string;
             options: {
                 lutUrl: string;
             };
             id: string;
             sourceId: string;
         }, {
-            name: string;
             options: {
                 lutUrl: string;
             };
@@ -52,12 +48,10 @@ export declare const LayerSchema: z.ZodObject<{
         style: z.ZodUnknown;
         text: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        name: string;
         type: string;
         id: string;
         duration: number;
         filters: {
-            name: string;
             options: {
                 lutUrl: string;
             };
@@ -75,12 +69,10 @@ export declare const LayerSchema: z.ZodObject<{
         style?: unknown;
         text?: string | undefined;
     }, {
-        name: string;
         type: string;
         id: string;
         duration: number;
         filters: {
-            name: string;
             options: {
                 lutUrl: string;
             };
@@ -131,12 +123,10 @@ export declare const LayerSchema: z.ZodObject<{
     isEnabled: boolean;
     isMuted: boolean;
     clips: {
-        name: string;
         type: string;
         id: string;
         duration: number;
         filters: {
-            name: string;
             options: {
                 lutUrl: string;
             };
@@ -169,12 +159,10 @@ export declare const LayerSchema: z.ZodObject<{
     isEnabled: boolean;
     isMuted: boolean;
     clips: {
-        name: string;
         type: string;
         id: string;
         duration: number;
         filters: {
-            name: string;
             options: {
                 lutUrl: string;
             };
@@ -214,11 +202,11 @@ export declare class Layer {
     constructor();
     init(): void;
     destroy(): void;
-    addClip(options: Clip): Clip | null;
-    addClip(options: ClipOptions): Clip | null;
+    addClip(options: Clip): Promise<Clip | null>;
+    addClip(options: ClipOptions): Promise<Clip | null>;
     removeClip(clipId: string, shouldNotDestroy?: boolean): boolean;
-    moveClipToLayer(clipId: string, newLayerId: string): void;
-    splitClip(clipId: string, time: number): Clip | null;
+    moveClipToLayer(clipId: string, newLayerId: string): Promise<void>;
+    splitClip(clipId: string, time: number): Promise<Clip | null>;
     addTransition(transition: Transition): void;
     removeTransition(transitionId: string): void;
     getDuration(): number;
@@ -239,12 +227,10 @@ export declare class Layer {
         isEnabled: boolean;
         isMuted: boolean;
         clips: {
-            name: string;
             type: string;
             id: string;
             duration: number;
             filters: {
-                name: string;
                 options: {
                     lutUrl: string;
                 };

package/dist/modules/library/MediaData.d.ts

@@ -39,6 +39,28 @@ export declare class MediaData {
     getId(): string;
     readFileIntoBlob(file: File, mimeType?: string): Promise<Blob>;
     checkCompatibilityOrTranscode(filePath: string, blobUrl: string, hasAudio: boolean): Promise<boolean>;
+    hookM3U8(file: File | string | Uint8Array, mimeType: string | undefined): Promise<{
+        status: boolean;
+        data: Uint8Array;
+        filePath: string;
+        mimeType: string;
+    } | {
+        status: boolean;
+        data?: undefined;
+        filePath?: undefined;
+        mimeType?: undefined;
+    }>;
+    hookMKV(file: File | string | Uint8Array, mimeType: string | undefined): Promise<{
+        status: boolean;
+        data: Uint8Array;
+        filePath: string;
+        mimeType: string;
+    } | {
+        status: boolean;
+        data?: undefined;
+        filePath?: undefined;
+        mimeType?: undefined;
+    }>;
     hookRawData(file: File | string | Uint8Array, mimeType: string | undefined): Promise<{
         status: boolean;
         data: Uint8Array;

package/dist/modules/library/index.d.ts

@@ -1 +1,3 @@
 export * from "./Library";
+export * from "./MediaData";
+export * from "./Subtitles";

package/dist/modules/timeline/Timeline.d.ts

@@ -9,7 +9,6 @@ export declare const TimelineSchema: z.ZodObject<{
         isEnabled: z.ZodBoolean;
         isMuted: z.ZodBoolean;
         clips: z.ZodArray<z.ZodObject<{
-            name: z.ZodString;
             id: z.ZodString;
             type: z.ZodString;
             mediaDataId: z.ZodOptional<z.ZodString>;
@@ -21,7 +20,6 @@ export declare const TimelineSchema: z.ZodObject<{
             rightTrim: z.ZodNumber;
             filters: z.ZodArray<z.ZodObject<{
                 id: z.ZodString;
-                name: z.ZodString;
                 sourceId: z.ZodString;
                 options: z.ZodObject<{
                     lutUrl: z.ZodString;
@@ -31,14 +29,12 @@ export declare const TimelineSchema: z.ZodObject<{
                     lutUrl: string;
                 }>;
             }, "strip", z.ZodTypeAny, {
-                name: string;
                 options: {
                     lutUrl: string;
                 };
                 id: string;
                 sourceId: string;
             }, {
-                name: string;
                 options: {
                     lutUrl: string;
                 };
@@ -50,12 +46,10 @@ export declare const TimelineSchema: z.ZodObject<{
             style: z.ZodUnknown;
             text: z.ZodOptional<z.ZodString>;
         }, "strip", z.ZodTypeAny, {
-            name: string;
             type: string;
             id: string;
             duration: number;
             filters: {
-                name: string;
                 options: {
                     lutUrl: string;
                 };
@@ -73,12 +67,10 @@ export declare const TimelineSchema: z.ZodObject<{
             style?: unknown;
             text?: string | undefined;
         }, {
-            name: string;
             type: string;
             id: string;
             duration: number;
             filters: {
-                name: string;
                 options: {
                     lutUrl: string;
                 };
@@ -129,12 +121,10 @@ export declare const TimelineSchema: z.ZodObject<{
         isEnabled: boolean;
         isMuted: boolean;
         clips: {
-            name: string;
             type: string;
             id: string;
             duration: number;
             filters: {
-                name: string;
                 options: {
                     lutUrl: string;
                 };
@@ -167,12 +157,10 @@ export declare const TimelineSchema: z.ZodObject<{
         isEnabled: boolean;
         isMuted: boolean;
         clips: {
-            name: string;
             type: string;
             id: string;
             duration: number;
             filters: {
-                name: string;
                 options: {
                     lutUrl: string;
                 };
@@ -209,12 +197,10 @@ export declare const TimelineSchema: z.ZodObject<{
         isEnabled: boolean;
         isMuted: boolean;
         clips: {
-            name: string;
             type: string;
             id: string;
             duration: number;
             filters: {
-                name: string;
                 options: {
                     lutUrl: string;
                 };
@@ -251,12 +237,10 @@ export declare const TimelineSchema: z.ZodObject<{
         isEnabled: boolean;
         isMuted: boolean;
         clips: {
-            name: string;
             type: string;
             id: string;
             duration: number;
             filters: {
-                name: string;
                 options: {
                     lutUrl: string;
                 };
@@ -315,7 +299,7 @@ export declare class Timeline {
     setSubtitles(subtitlesId: string, offset: number, clipIds?: string[]): void;
     removeClip(clipId: string): boolean;
     removeLayer(layerId: string): boolean;
-    moveClipToLayer(clipId: string, newLayerId: string): void;
+    moveClipToLayer(clipId: string, newLayerId: string): Promise<void>;
     alignTime(time: number, roundUp?: boolean): number;
     adjustClipsLayout(): void;
     getFitDuration(): number;
@@ -328,12 +312,10 @@ export declare class Timeline {
             isEnabled: boolean;
             isMuted: boolean;
             clips: {
-                name: string;
                 type: string;
                 id: string;
                 duration: number;
                 filters: {
-                    name: string;
                     options: {
                         lutUrl: string;
                     };

package/dist/types/clip.types.d.ts

@@ -6,6 +6,7 @@ export declare enum ClipTypeEnum {
     AUDIO = "audio",
     TEXT = "text",
     SHAPE = "shape",
+    LOTTIE = "lottie",
     AV = "av",
     COLOR = "color",
     GRADIENT = "gradient"

package/dist/utils/dom/recreateDomCanvas.d.ts

@@ -0,0 +1 @@
+export declare function recreateDomCanvas(canvas: HTMLCanvasElement): HTMLCanvasElement;