@twick/studio 0.15.18 → 0.15.20

package/dist/studio.css

@@ -68,6 +68,10 @@ html {
   color: var(--color-gray-300);
 }
 
+.cloud-media-upload-container {
+  padding: 0rem 0.25rem;
+}
+
 /* ========================================
     FILE INPUT UTILITIES
     ======================================== */
@@ -127,7 +131,8 @@ html {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
-  margin-bottom: 0.75rem;
+  margin-top: 0.25rem;
+  margin-bottom: 0.50rem;
 }
 
 .panel-content {

package/dist/types/generation.d.ts

@@ -0,0 +1,44 @@
+import { IGenerationPollingResponse, ModelInfo } from '@twick/ai-models';
+
+/** Parameters for image generation */
+export interface GenerateImageParams {
+    provider: "fal" | "runware";
+    endpointId: string;
+    prompt: string;
+    image_url?: string;
+    width?: number;
+    height?: number;
+    steps?: number;
+    guidance_scale?: number;
+    negative_prompt?: string;
+}
+/** Parameters for video generation */
+export interface GenerateVideoParams {
+    provider: "fal" | "runware";
+    endpointId: string;
+    prompt: string;
+    image_url?: string;
+    duration?: number;
+    fps?: number;
+    width?: number;
+    height?: number;
+    steps?: number;
+    guidance_scale?: number;
+    negative_prompt?: string;
+}
+export interface IImageGenerationService {
+    /** Submit image generation job; returns requestId for polling */
+    generateImage: (params: GenerateImageParams) => Promise<string>;
+    /** Poll status of generation job */
+    getRequestStatus: (reqId: string) => Promise<IGenerationPollingResponse>;
+    /** Available image models */
+    getAvailableModels?: () => ModelInfo[];
+}
+export interface IVideoGenerationService {
+    /** Submit video generation job; returns requestId for polling */
+    generateVideo: (params: GenerateVideoParams) => Promise<string>;
+    /** Poll status of generation job */
+    getRequestStatus: (reqId: string) => Promise<IGenerationPollingResponse>;
+    /** Available video models */
+    getAvailableModels?: () => ModelInfo[];
+}

package/dist/types/index.d.ts

@@ -1,6 +1,7 @@
 import { ProjectJSON, Size, TrackElement, VideoElement } from '@twick/timeline';
 import { CanvasConfig, VideoEditorConfig } from '@twick/video-editor';
 
+export type { IImageGenerationService, IVideoGenerationService, GenerateImageParams, GenerateVideoParams, } from './generation';
 export interface MediaItem {
     id: string;
     name: string;
@@ -76,6 +77,11 @@ export interface ICaptionGenerationService {
     /** Polling interval in milliseconds for caption status checks. Defaults to 5000. */
     pollingIntervalMs?: number;
 }
+/** Configuration for cloud media upload (S3 or GCS). Credentials are configured via env on the upload API backend. */
+export interface UploadConfig {
+    uploadApiUrl: string;
+    provider: "s3" | "gcs";
+}
 export interface StudioConfig extends VideoEditorConfig {
     /** Canvas behavior options (e.g. enableShiftAxisLock). Same as editorConfig.canvasConfig in TwickEditor. */
     canvasConfig?: CanvasConfig;
@@ -86,13 +92,23 @@ export interface StudioConfig extends VideoEditorConfig {
      * Implement this in your application code to provide API endpoints
      */
     captionGenerationService?: ICaptionGenerationService;
+    /** Image generation service for polling-based async image generation */
+    imageGenerationService?: import('./generation').IImageGenerationService;
+    /** Video generation service for polling-based async video generation */
+    videoGenerationService?: import('./generation').IVideoGenerationService;
     exportVideo?: (project: ProjectJSON, videoSettings: VideoSettings) => Promise<Result>;
+    /**
+     * When set, media panels show cloud upload (S3 or GCS). Backend must be configured with env (e.g. FILE_UPLOADER_S3_* or GOOGLE_CLOUD_*).
+     * See cloud-functions/cors/ and file-uploader README for CORS and credentials.
+     */
+    uploadConfig?: UploadConfig;
 }
 export interface PanelProps {
     selectedElement?: TrackElement | null;
     videoResolution: Size;
     addElement?: (item: TrackElement) => void;
     updateElement?: (item: TrackElement) => void;
+    uploadConfig?: UploadConfig;
 }
 export interface PropertiesPanelProps {
     selectedElement?: TrackElement | null;

package/package.json

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