@shotstack/shotstack-studio 1.2.1 → 1.3.0

package/dist/core/entities/{player.d.ts → base/player.d.ts}

@@ -1,6 +1,6 @@
-import { type Size, type Vector } from "../layouts/geometry";
-import { type Clip } from "../schemas/clip";
-import { type Edit } from "./edit";
+import { type Size, type Vector } from "../../layouts/geometry";
+import { type Clip } from "../../schemas/clip";
+import { type Edit } from "../system/edit";
 import { Entity } from "./entity";
 /**
  * TODO: Move handles on UI level (screen space)

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

@@ -0,0 +1,14 @@
+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/core/entities/{audio-player.d.ts → players/audio-player.d.ts}

@@ -1,7 +1,7 @@
-import { type Size } from "../layouts/geometry";
-import { type Clip } from "../schemas/clip";
-import type { Edit } from "./edit";
-import { Player } from "./player";
+import { type Size } from "../../layouts/geometry";
+import { type Clip } from "../../schemas/clip";
+import { Player } from "../base/player";
+import type { Edit } from "../system/edit";
 export declare class AudioPlayer extends Player {
     private audioResource;
     private isPlaying;

package/dist/core/entities/{html-player.d.ts → players/html-player.d.ts}

@@ -1,7 +1,7 @@
-import { type Size } from "../layouts/geometry";
-import { type Clip } from "../schemas/clip";
-import type { Edit } from "./edit";
-import { Player } from "./player";
+import { type Size } from "../../layouts/geometry";
+import { type Clip } from "../../schemas/clip";
+import { Player } from "../base/player";
+import type { Edit } from "../system/edit";
 export declare class HtmlPlayer extends Player {
     private background;
     private text;

package/dist/core/entities/{image-player.d.ts → players/image-player.d.ts}

@@ -1,7 +1,7 @@
-import { type Size } from "../layouts/geometry";
-import { type Clip } from "../schemas/clip";
-import type { Edit } from "./edit";
-import { Player } from "./player";
+import { type Size } from "../../layouts/geometry";
+import { type Clip } from "../../schemas/clip";
+import { Player } from "../base/player";
+import type { Edit } from "../system/edit";
 export declare class ImagePlayer extends Player {
     private texture;
     private sprite;

package/dist/core/entities/{luma-player.d.ts → players/luma-player.d.ts}

@@ -1,8 +1,8 @@
 import * as pixi from "pixi.js";
-import { type Size } from "../layouts/geometry";
-import { type Clip } from "../schemas/clip";
-import type { Edit } from "./edit";
-import { Player } from "./player";
+import { type Size } from "../../layouts/geometry";
+import { type Clip } from "../../schemas/clip";
+import { Player } from "../base/player";
+import type { Edit } from "../system/edit";
 export declare class LumaPlayer extends Player {
     private texture;
     private sprite;

package/dist/core/entities/{shape-player.d.ts → players/shape-player.d.ts}

@@ -1,7 +1,7 @@
-import { type Size } from "../layouts/geometry";
-import { type Clip } from "../schemas/clip";
-import type { Edit } from "./edit";
-import { Player } from "./player";
+import { type Size } from "../../layouts/geometry";
+import { type Clip } from "../../schemas/clip";
+import { Player } from "../base/player";
+import type { Edit } from "../system/edit";
 export declare class ShapePlayer extends Player {
     private shape;
     private shapeBackground;

package/dist/core/entities/players/text-player.d.ts

@@ -0,0 +1,19 @@
+import { Player } from "@entities/base/player";
+import { type Size } from "@layouts/geometry";
+import { type Clip } from "@schemas/clip";
+/**
+ * TextPlayer renders and manages editable text elements in the canvas
+ */
+export declare class TextPlayer extends Player {
+    private background;
+    private text;
+    private textEditor;
+    load(): Promise<void>;
+    update(deltaTime: number, elapsed: number): void;
+    dispose(): void;
+    getSize(): Size;
+    protected getFitScale(): number;
+    private createTextStyle;
+    private positionText;
+    updateTextContent(newText: string, initialConfig: Clip): void;
+}

package/dist/core/entities/{video-player.d.ts → players/video-player.d.ts}

@@ -1,7 +1,7 @@
-import { type Size } from "../layouts/geometry";
-import { type Clip } from "../schemas/clip";
-import type { Edit } from "./edit";
-import { Player } from "./player";
+import { type Size } from "../../layouts/geometry";
+import { type Clip } from "../../schemas/clip";
+import { Player } from "../base/player";
+import type { Edit } from "../system/edit";
 export declare class VideoPlayer extends Player {
     private texture;
     private sprite;

package/dist/core/entities/{edit.d.ts → system/edit.d.ts}

@@ -1,11 +1,11 @@
 import { z } from "zod";
-import { EventEmitter } from "../events/event-emitter";
-import type { Size } from "../layouts/geometry";
-import { AssetLoader } from "../loaders/asset-loader";
-import { ClipSchema } from "../schemas/clip";
-import { EditSchema } from "../schemas/edit";
-import { TrackSchema } from "../schemas/track";
-import { Entity } from "./entity";
+import { EventEmitter } from "../../events/event-emitter";
+import type { Size } from "../../layouts/geometry";
+import { AssetLoader } from "../../loaders/asset-loader";
+import { ClipSchema } from "../../schemas/clip";
+import { EditSchema } from "../../schemas/edit";
+import { TrackSchema } from "../../schemas/track";
+import { Entity } from "../base/entity";
 type EditType = z.infer<typeof EditSchema>;
 type ClipType = z.infer<typeof ClipSchema>;
 type TrackType = z.infer<typeof TrackSchema>;

package/dist/core/entities/{inspector.d.ts → system/inspector.d.ts}

@@ -1,4 +1,4 @@
-import { Entity } from "./entity";
+import { Entity } from "../base/entity";
 export declare class Inspector extends Entity {
     private static readonly Width;
     private static readonly Height;

package/dist/core/entities/text/text-cursor.d.ts

@@ -0,0 +1,47 @@
+import { type Clip } from "@schemas/clip";
+import * as pixi from "pixi.js";
+type TextCursorOptions = {
+    width?: number;
+    color?: number;
+    blinkInterval?: number;
+};
+export declare class TextCursor {
+    private static readonly DEFAULT_BLINK_INTERVAL_MS;
+    private static readonly DEFAULT_CURSOR_WIDTH_PX;
+    private static readonly DEFAULT_CURSOR_COLOR;
+    private cursor;
+    private parent;
+    private textElement;
+    private clipConfig;
+    private textPosition;
+    private pixelX;
+    private pixelY;
+    private currentLine;
+    private isBlinking;
+    private blinkInterval;
+    private blinkIntervalMs;
+    private width;
+    private color;
+    private isVisible;
+    constructor(parent: pixi.Container, textElement: pixi.Text, clipConfig: Clip, options?: TextCursorOptions);
+    updatePosition(textPosition: number): void;
+    setPosition(x: number, y: number): void;
+    show(): void;
+    hide(): void;
+    setVisible(visible: boolean): void;
+    startBlinking(): void;
+    stopBlinking(): void;
+    setBlinkInterval(intervalMs: number): void;
+    dispose(): void;
+    private createCursor;
+    private validateTextPosition;
+    private calculateAndApplyPixelPosition;
+    private calculatePixelPositionFromText;
+    private updateGraphicsPosition;
+    private startBlinkingAnimation;
+    private stopBlinkingAnimation;
+    private measureText;
+    isInitialized(): boolean;
+    getState(): object;
+}
+export {};

package/dist/core/entities/text/text-editor.d.ts

@@ -0,0 +1,43 @@
+import type { TextPlayer } from "@entities/players/text-player";
+import { type Clip } from "@schemas/clip";
+import * as pixi from "pixi.js";
+export declare enum HorizontalAlignment {
+    LEFT = "left",
+    CENTER = "center",
+    RIGHT = "right"
+}
+export declare enum VerticalAlignment {
+    TOP = "top",
+    CENTER = "center",
+    BOTTOM = "bottom"
+}
+export declare class TextEditor {
+    private static readonly DOUBLE_CLICK_THRESHOLD_MS;
+    private static readonly EDITING_BG_PADDING_PX;
+    private static readonly EDITING_BG_ALPHA;
+    private static readonly CLICK_HANDLER_DELAY_MS;
+    private parent;
+    private targetText;
+    private clipConfig;
+    private isEditing;
+    private lastClickTime;
+    private editingContainer;
+    private editableText;
+    private textCursor;
+    private textInputHandler;
+    private outsideClickHandler;
+    constructor(parent: TextPlayer, targetText: pixi.Text, clipConfig: Clip);
+    dispose(): void;
+    private startEditing;
+    private stopEditing;
+    private checkForDoubleClick;
+    private setupOutsideClickHandler;
+    private createEditingEnvironment;
+    private setupEditingContainer;
+    private setupTextInputHandler;
+    private updateTextAlignment;
+    private calculateHorizontalPosition;
+    private calculateVerticalPosition;
+    private getContainerDimensions;
+    private getAlignmentSettings;
+}

package/dist/core/entities/text/text-input-handler.d.ts

@@ -0,0 +1,54 @@
+type TextInputHandlerOptions = {
+    initialText?: string;
+    autoFocus?: boolean;
+    focusDelay?: number;
+};
+type TextChangeCallback = (text: string, cursorPosition: number) => void;
+type KeyboardEventHandlers = {
+    onTextInput?: TextChangeCallback;
+    onCursorMove?: (direction: "left" | "right" | "up" | "down", event: KeyboardEvent) => void;
+    onEnter?: (event: KeyboardEvent) => void;
+    onEscape?: (event: KeyboardEvent) => void;
+    onDelete?: (type: "backspace" | "delete", event: KeyboardEvent) => void;
+    onFocus?: (event: FocusEvent) => void;
+    onBlur?: (event: FocusEvent) => void;
+    onTabNavigation?: (direction: "forward" | "backward") => void;
+    onCustomKey?: (key: string, event: KeyboardEvent) => boolean;
+};
+export declare class TextInputHandler {
+    private static readonly DEFAULT_FOCUS_DELAY_MS;
+    private hiddenInput;
+    private isFocused;
+    private focusRetryCount;
+    private maxFocusRetries;
+    private focusDelay;
+    private eventHandlers;
+    private abortController;
+    private textChangeCallback;
+    private lastSyncedText;
+    private isComposing;
+    setupInput(initialText: string, options?: TextInputHandlerOptions): void;
+    updateInputValue(text: string): void;
+    focusInput(): void;
+    blurInput(): void;
+    setSelectionRange(start: number, end: number): void;
+    getCursorPosition(): number;
+    getValue(): string;
+    setTextInputHandler(callback: TextChangeCallback): void;
+    setEventHandlers(handlers: Partial<KeyboardEventHandlers>): void;
+    isFocusedInput(): boolean;
+    dispose(): void;
+    private createHiddenTextarea;
+    private setupEventListeners;
+    private removeAllEventListeners;
+    private handleTextInput;
+    private handleKeyDown;
+    private handleKeyboardShortcuts;
+    private handleCompositionStart;
+    private handleCompositionEnd;
+    private handleFocus;
+    private handleBlur;
+    private handlePaste;
+    private selectAll;
+}
+export {};

package/dist/core/export/video-exporter.d.ts

@@ -1,4 +1,4 @@
-import { Edit } from "../entities/edit";
+import { Edit } from "@entities/system/edit";
 import { Canvas } from "../shotstack-canvas";
 export declare class VideoExporter {
     private readonly ffmpeg;

package/dist/core/inputs/controls.d.ts

@@ -1,4 +1,4 @@
-import { Edit } from "../entities/edit";
+import { Edit } from "@entities/system/edit";
 export declare class Controls {
     private edit;
     private seekDistance;

package/dist/core/loaders/asset-loader.d.ts

@@ -11,6 +11,7 @@ export declare class AssetLoader {
     private getContentType;
     private canPlayVideo;
     private isPlayableVideo;
-    private loadVideoTexture;
+    private shouldUseSafariVideoLoader;
+    private loadVideoForSafari;
     private updateAssetLoadMetadata;
 }

package/dist/core/shotstack-canvas.d.ts

@@ -1,4 +1,4 @@
-import { Edit } from "./entities/edit";
+import { Edit } from "@entities/system/edit";
 import { type Size } from "./layouts/geometry";
 export declare class Canvas {
     private static extensionsRegistered;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { Edit } from "./core/entities/edit";
+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";