@twick/studio 0.15.14 → 0.15.16

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 import { ProjectJSON, Size, TrackElement, VideoElement } from '@twick/timeline';
-import { VideoEditorConfig } from '@twick/video-editor';
+import { CanvasConfig, VideoEditorConfig } from '@twick/video-editor';
 
 export interface MediaItem {
     id: string;
@@ -27,17 +27,17 @@ export interface Result {
     result?: any;
 }
 /**
- * Subtitle entry format used for timeline integration
+ * Caption entry format used for timeline integration
  */
-export interface SubtitleEntry {
+export interface CaptionEntry {
     s: number;
     e: number;
     t: string;
 }
 /**
- * Response from POST /generate-subtitles
+ * Response from POST /generate-captions
  */
-export interface GenerateSubtitlesResponse {
+export interface GenerateCaptionsResponse {
     reqId: string;
 }
 export interface RequestStatus {
@@ -54,34 +54,38 @@ export interface RequestStatusPending {
  */
 export interface RequestStatusCompleted {
     status: "completed";
-    subtitles: SubtitleEntry[];
+    captions: CaptionEntry[];
 }
 /**
  * Union type for request status responses
  */
 export type RequestStatusResponse = RequestStatusPending | RequestStatusCompleted;
-export interface ISubtitleGenerationPollingResponse {
+export interface ICaptionGenerationPollingResponse {
     status: "pending" | "completed" | "failed";
-    subtitles?: SubtitleEntry[];
+    captions?: CaptionEntry[];
     error?: string;
 }
-export interface ISubtitleGenerationService {
-    generateSubtitles: (videoElement: VideoElement, project: ProjectJSON) => Promise<string>;
-    updateProjectWithSubtitles: (subtitles: SubtitleEntry[]) => ProjectJSON;
-    generateSubtitleVideo?: (videoUrl: string, videoSize?: {
+export interface ICaptionGenerationService {
+    generateCaptions: (videoElement: VideoElement, project: ProjectJSON) => Promise<string>;
+    updateProjectWithCaptions: (captions: CaptionEntry[]) => ProjectJSON;
+    generateCaptionVideo?: (videoUrl: string, videoSize?: {
         width: number;
         height: number;
     }) => Promise<string>;
-    getRequestStatus: (reqId: string) => Promise<ISubtitleGenerationPollingResponse>;
+    getRequestStatus: (reqId: string) => Promise<ICaptionGenerationPollingResponse>;
+    /** Polling interval in milliseconds for caption status checks. Defaults to 5000. */
+    pollingIntervalMs?: number;
 }
 export interface StudioConfig extends VideoEditorConfig {
+    /** Canvas behavior options (e.g. enableShiftAxisLock). Same as editorConfig.canvasConfig in TwickEditor. */
+    canvasConfig?: CanvasConfig;
     saveProject?: (project: ProjectJSON, fileName: string) => Promise<Result>;
     loadProject?: () => Promise<ProjectJSON>;
     /**
-     * Subtitle generation service for polling-based async subtitle generation
+     * Caption generation service for polling-based async caption generation
      * Implement this in your application code to provide API endpoints
      */
-    subtitleGenerationService?: ISubtitleGenerationService;
+    captionGenerationService?: ICaptionGenerationService;
     exportVideo?: (project: ProjectJSON, videoSettings: VideoSettings) => Promise<Result>;
 }
 export interface PanelProps {
@@ -157,7 +161,7 @@ export interface TimelineElement {
 export interface Track {
     id: string;
     name: string;
-    type: 'video' | 'audio' | 'text' | 'subtitle';
+    type: 'video' | 'audio' | 'text' | 'caption';
     elements: TimelineElement[];
     locked: boolean;
     visible: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twick/studio",
-  "version": "0.15.14",
+  "version": "0.15.16",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -33,14 +33,14 @@
     "access": "public"
   },
   "dependencies": {
-    "@twick/canvas": "0.15.14",
-    "@twick/core": "^0.15.14",
-    "@twick/live-player": "0.15.14",
-    "@twick/media-utils": "0.15.14",
-    "@twick/player-react": "^0.15.14",
-    "@twick/timeline": "0.15.14",
-    "@twick/video-editor": "0.15.14",
-    "@twick/visualizer": "0.15.14",
+    "@twick/canvas": "0.15.16",
+    "@twick/core": "^0.15.16",
+    "@twick/live-player": "0.15.16",
+    "@twick/media-utils": "0.15.16",
+    "@twick/player-react": "^0.15.16",
+    "@twick/timeline": "0.15.16",
+    "@twick/video-editor": "0.15.16",
+    "@twick/visualizer": "0.15.16",
     "lucide-react": "^0.511.0"
   },
   "peerDependencies": {
@@ -51,9 +51,11 @@
     "@types/node": "^20.11.24",
     "@types/react": "^18.0.0 || ^19.0.0",
     "@types/react-dom": "^18.0.0 || ^19.0.0",
-    "@twick/timeline": "0.15.14",
-    "@twick/live-player": "0.15.14",
-    "@twick/video-editor": "0.15.14",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "@twick/timeline": "0.15.16",
+    "@twick/live-player": "0.15.16",
+    "@twick/video-editor": "0.15.16",
     "rimraf": "^5.0.5",
     "typedoc": "^0.25.8",
     "typedoc-plugin-markdown": "^3.17.1",

package/dist/components/container/icon-panel-container.d.ts

@@ -1,3 +0,0 @@
-import { PanelProps } from '../../types';
-
-export declare function IconPanelContainer(props: PanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/container/subtitles-panel-container.d.ts

@@ -1 +0,0 @@
-export declare function SubtitlesPanelContainer(): import("react/jsx-runtime").JSX.Element;

package/dist/components/panel/icon-panel.d.ts

@@ -1,4 +0,0 @@
-import { IconPanelState, IconPanelActions } from '../../hooks/use-icon-panel';
-
-export type IconPanelProps = IconPanelState & IconPanelActions;
-export declare function IconPanel({ icons, loading, totalIcons, searchQuery, handleSearch, handleSelection, handleDownloadIcon, handleLoadMore, }: IconPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/panel/subtitles-panel.d.ts

@@ -1,46 +0,0 @@
-/**
- * SubtitlesPanel Component
- *
- * A presentational panel for managing subtitle entries in the studio.
- * Renders a list of subtitle items, each with a text input and two actions:
- * Split and Delete. A single Add button appears below the list.
- *
- * State is controlled by the parent via props; this component is stateless.
- *
- * Entry shape (SubtitleEntry):
- * - `s`: start time (seconds)
- * - `e`: end time (seconds)
- * - `t`: subtitle text
- *
- * Props:
- * - `subtitles`: SubtitleEntry[] — ordered list of subtitles
- * - `addSubtitle()`: add a new subtitle at the end
- * - `splitSubtitle(index)`: split the subtitle at `index`
- * - `deleteSubtitle(index)`: remove the subtitle at `index`
- * - `updateSubtitle(index, subtitle)`: update the subtitle at `index`
- *
- * @component
- * @example
- * ```tsx
- * <SubtitlesPanel
- *   subtitles={subtitles}
- *   addSubtitle={addSubtitle}
- *   splitSubtitle={splitSubtitle}
- *   deleteSubtitle={deleteSubtitle}
- *   updateSubtitle={updateSubtitle}
- * />
- * ```
- */
-interface SubtitleEntry {
-    s: number;
-    e: number;
-    t: string;
-}
-export declare function SubtitlesPanel({ subtitles, addSubtitle, splitSubtitle, deleteSubtitle, updateSubtitle, }: {
-    subtitles: SubtitleEntry[];
-    addSubtitle: () => void;
-    splitSubtitle: (index: number) => void;
-    deleteSubtitle: (index: number) => void;
-    updateSubtitle: (index: number, subtitle: SubtitleEntry) => void;
-}): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/properties/generate-subtitles.d.ts

@@ -1,13 +0,0 @@
-import { TrackElement, VideoElement } from '@twick/timeline';
-import { ISubtitleGenerationPollingResponse } from '../../types';
-
-export declare function GenerateSubtitlesPanel({ selectedElement, addSubtitlesToTimeline, onGenerateSubtitles, getSubtitleStatus, }: {
-    selectedElement: TrackElement;
-    addSubtitlesToTimeline: (subtitles: {
-        s: number;
-        e: number;
-        t: string;
-    }[]) => void;
-    onGenerateSubtitles: (videoElement: VideoElement) => Promise<string | null>;
-    getSubtitleStatus: (reqId: string) => Promise<ISubtitleGenerationPollingResponse>;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/helpers/generate-subtitles.service.d.ts

@@ -1,21 +0,0 @@
-import { ProjectJSON, VideoElement } from '@twick/timeline';
-import { ISubtitleGenerationPollingResponse, ISubtitleGenerationService, SubtitleEntry } from '../types';
-
-declare class GenerateSubtitlesService implements ISubtitleGenerationService {
-    videoElement: VideoElement | null;
-    projectJSON: ProjectJSON | null;
-    generateSubtiltesApi: (videoUrl: string) => Promise<string>;
-    requestStatusApi: (reqId: string) => Promise<ISubtitleGenerationPollingResponse>;
-    constructor({ generateSubtiltesApi, requestStatusApi, }: {
-        generateSubtiltesApi: (videoUrl: string) => Promise<string>;
-        requestStatusApi: (reqId: string) => Promise<ISubtitleGenerationPollingResponse>;
-    });
-    generateSubtitles(videoElement: VideoElement, projectJSON: ProjectJSON): Promise<string>;
-    getRequestStatus(reqId: string): Promise<ISubtitleGenerationPollingResponse>;
-    updateProjectWithSubtitles(subtitles: SubtitleEntry[]): ProjectJSON;
-    generateSubtitleVideo(videoUrl: string, videoSize?: {
-        width: number;
-        height: number;
-    }): Promise<string>;
-}
-export default GenerateSubtitlesService;

package/dist/hooks/use-generate-subtitles.d.ts

@@ -1,9 +0,0 @@
-import { VideoElement } from '@twick/timeline';
-import { ISubtitleGenerationPollingResponse, StudioConfig, SubtitleEntry } from '../types';
-
-declare const useGenerateSubtitles: (studioConfig?: StudioConfig) => {
-    onGenerateSubtitles: (videoElement: VideoElement) => Promise<string | null>;
-    addSubtitlesToTimeline: (subtitles: SubtitleEntry[]) => void;
-    getSubtitleStatus: (reqId: string) => Promise<ISubtitleGenerationPollingResponse>;
-};
-export default useGenerateSubtitles;

package/dist/hooks/use-icon-panel.d.ts

@@ -1,24 +0,0 @@
-import { TrackElement } from '@twick/timeline';
-
-export interface Icon {
-    name: string;
-    svg: string;
-}
-export interface IconPanelState {
-    icons: Icon[];
-    loading: boolean;
-    hasMore: boolean;
-    totalIcons: number;
-    searchQuery: string;
-}
-export interface IconPanelActions {
-    handleSearch: (query: string) => void;
-    handleSelection: (icon: Icon) => void;
-    handleDownloadIcon: (icon: Icon) => void;
-    handleLoadMore: () => void;
-}
-export declare const useIconPanel: ({ selectedElement, addElement, updateElement, }: {
-    selectedElement: TrackElement | null;
-    addElement: (element: TrackElement) => void;
-    updateElement: (element: TrackElement) => void;
-}) => IconPanelState & IconPanelActions;

package/dist/hooks/use-subtitles-panel.d.ts

@@ -1,13 +0,0 @@
-interface SubtitleEntry {
-    s: number;
-    e: number;
-    t: string;
-}
-export declare const useSubtitlesPanel: () => {
-    subtitles: SubtitleEntry[];
-    addSubtitle: () => void;
-    splitSubtitle: (index: number) => Promise<void>;
-    deleteSubtitle: (index: number) => void;
-    updateSubtitle: (index: number, subtitle: SubtitleEntry) => void;
-};
-export {};