@twick/studio 0.15.26 → 0.15.27

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

@@ -1,5 +1,5 @@
 import { TrackElement, VideoElement } from '@twick/timeline';
-import { ICaptionGenerationPollingResponse } from '../../types';
+import { CaptionPhraseLength, ICaptionGenerationPollingResponse } from '../../types';
 
 export declare function GenerateCaptionsPanel({ selectedElement, addCaptionsToTimeline, onGenerateCaptions, getCaptionstatus, pollingIntervalMs, }: {
     selectedElement: TrackElement;
@@ -7,8 +7,9 @@ export declare function GenerateCaptionsPanel({ selectedElement, addCaptionsToTi
         s: number;
         e: number;
         t: string;
+        w?: number[];
     }[]) => void;
-    onGenerateCaptions: (videoElement: VideoElement, language?: string, wordsPerPhrase?: number) => Promise<string | null>;
+    onGenerateCaptions: (videoElement: VideoElement, language?: string, phraseLength?: CaptionPhraseLength) => Promise<string | null>;
     getCaptionstatus: (reqId: string) => Promise<ICaptionGenerationPollingResponse>;
     pollingIntervalMs?: number;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { ProjectJSON, VideoElement } from '@twick/timeline';
-import { ICaptionGenerationPollingResponse, ICaptionGenerationService, CaptionEntry } from '../types';
+import { CaptionEntry, CaptionPhraseLength, ICaptionGenerationPollingResponse, ICaptionGenerationService } from '../types';
 
 declare class GenerateCaptionsService implements ICaptionGenerationService {
     /**
@@ -8,13 +8,13 @@ declare class GenerateCaptionsService implements ICaptionGenerationService {
      */
     videoElement: VideoElement | null;
     projectJSON: ProjectJSON | null;
-    generateSubtiltesApi: (videoUrl: string) => Promise<string>;
+    generateSubtiltesApi: (videoUrl: string, language?: string, phraseLength?: CaptionPhraseLength) => Promise<string>;
     requestStatusApi: (reqId: string) => Promise<ICaptionGenerationPollingResponse>;
     constructor({ generateSubtiltesApi, requestStatusApi, }: {
-        generateSubtiltesApi: (videoUrl: string) => Promise<string>;
+        generateSubtiltesApi: (videoUrl: string, language?: string, phraseLength?: CaptionPhraseLength) => Promise<string>;
         requestStatusApi: (reqId: string) => Promise<ICaptionGenerationPollingResponse>;
     });
-    generateCaptions(videoElement: VideoElement, projectJSON: ProjectJSON): Promise<string>;
+    generateCaptions(videoElement: VideoElement, projectJSON: ProjectJSON, language?: string, phraseLength?: CaptionPhraseLength): Promise<string>;
     getRequestStatus(reqId: string): Promise<ICaptionGenerationPollingResponse>;
     updateProjectWithCaptions(captions: CaptionEntry[]): ProjectJSON;
     generateCaptionVideo(videoUrl: string, videoSize?: {

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

@@ -1,8 +1,8 @@
 import { VideoElement } from '@twick/timeline';
-import { ICaptionGenerationPollingResponse, StudioConfig, CaptionEntry } from '../types';
+import { ICaptionGenerationPollingResponse, StudioConfig, CaptionEntry, CaptionPhraseLength } from '../types';
 
 declare const useGenerateCaptions: (studioConfig?: StudioConfig) => {
-    onGenerateCaptions: (videoElement: VideoElement, language?: string, wordsPerPhrase?: number) => Promise<string | null>;
+    onGenerateCaptions: (videoElement: VideoElement, language?: string, phraseLength?: CaptionPhraseLength) => Promise<string | null>;
     addCaptionsToTimeline: (captions: CaptionEntry[]) => void;
     getCaptionstatus: (reqId: string) => Promise<ICaptionGenerationPollingResponse>;
     pollingIntervalMs: number;

package/dist/index.js

@@ -6944,7 +6944,7 @@ function GenerateCaptionsPanel({
   const [pollingStatus, setPollingStatus] = react.useState("idle");
   const [errorMessage, setErrorMessage] = react.useState(null);
   const [selectedLanguage, setSelectedLanguage] = react.useState("auto");
-  const [wordsPerPhrase, setWordsPerPhrase] = react.useState(4);
+  const [phraseLength, setPhraseLength] = react.useState("medium");
   const pollingIntervalRef = react.useRef(null);
   const currentReqIdRef = react.useRef(null);
   react.useEffect(() => {
@@ -7009,7 +7009,7 @@ function GenerateCaptionsPanel({
       const reqId = await onGenerateCaptions(
         videoElement,
         language,
-        wordsPerPhrase
+        phraseLength
       );
       if (!reqId) {
         setPollingStatus("error");
@@ -7094,18 +7094,19 @@ function GenerateCaptionsPanel({
       )
     ] }),
     !isLoading && containsAudio === true && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "panel-section", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "label-dark", htmlFor: "caption-words-per-phrase", children: "Words per phrase" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "label-dark", htmlFor: "caption-phrase-length", children: "Caption length" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
         "select",
         {
-          id: "caption-words-per-phrase",
+          id: "caption-phrase-length",
           className: "select-dark",
-          value: String(wordsPerPhrase),
-          onChange: (e) => setWordsPerPhrase(Number(e.target.value) || 4),
-          children: Array.from({ length: 10 }).map((_, index) => {
-            const value = index + 1;
-            return /* @__PURE__ */ jsxRuntime.jsx("option", { value, children: value }, value);
-          })
+          value: phraseLength,
+          onChange: (e) => setPhraseLength(e.target.value),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "short", children: "Short" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "medium", children: "Medium" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "long", children: "Long" })
+          ]
         }
       )
     ] }),
@@ -7776,14 +7777,14 @@ function TwickStudio({ studioConfig }) {
 const useGenerateCaptions = (studioConfig) => {
   var _a;
   const { editor, present } = timeline.useTimelineContext();
-  const onGenerateCaptions = async (videoElement, language, wordsPerPhrase) => {
+  const onGenerateCaptions = async (videoElement, language, phraseLength) => {
     if (studioConfig == null ? void 0 : studioConfig.captionGenerationService) {
       const service = studioConfig.captionGenerationService;
       const reqId = await service.generateCaptions(
         videoElement,
         present,
         language,
-        wordsPerPhrase
+        phraseLength
       );
       return reqId;
     }