@twick/studio 0.15.15 → 0.15.16

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

@@ -7,7 +7,8 @@ interface PropertiesPanelContainerProps {
     addCaptionsToTimeline: (captions: CaptionEntry[]) => void;
     onGenerateCaptions: (videoElement: VideoElement) => Promise<string | null>;
     getCaptionstatus: (reqId: string) => Promise<ICaptionGenerationPollingResponse>;
+    pollingIntervalMs: number;
     videoResolution: Size;
 }
-export declare function PropertiesPanelContainer({ selectedElement, updateElement, addCaptionsToTimeline, onGenerateCaptions, getCaptionstatus, videoResolution, }: PropertiesPanelContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function PropertiesPanelContainer({ selectedElement, updateElement, addCaptionsToTimeline, onGenerateCaptions, getCaptionstatus, pollingIntervalMs, videoResolution, }: PropertiesPanelContainerProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -5,5 +5,6 @@ declare const useGenerateCaptions: (studioConfig?: StudioConfig) => {
     onGenerateCaptions: (videoElement: VideoElement) => Promise<string | null>;
     addCaptionsToTimeline: (captions: CaptionEntry[]) => void;
     getCaptionstatus: (reqId: string) => Promise<ICaptionGenerationPollingResponse>;
+    pollingIntervalMs: number;
 };
 export default useGenerateCaptions;

package/dist/index.js

@@ -3400,7 +3400,8 @@ function GenerateCaptionsPanel({
   selectedElement,
   addCaptionsToTimeline,
   onGenerateCaptions,
-  getCaptionstatus
+  getCaptionstatus,
+  pollingIntervalMs = 5e3
 }) {
   const [containsAudio, setContainsAudio] = react.useState(null);
   const [isLoading, setIsLoading] = react.useState(true);
@@ -3457,12 +3458,14 @@ function GenerateCaptionsPanel({
       }
     };
     await poll();
-    pollingIntervalRef.current = setInterval(poll, 2e3);
+    pollingIntervalRef.current = setInterval(poll, pollingIntervalMs);
   };
   const handleGenerateCaptions = async () => {
     if (!(selectedElement instanceof timeline.VideoElement)) {
       return;
     }
+    setIsGenerating(true);
+    setPollingStatus("polling");
     const videoElement = selectedElement;
     try {
       const reqId = await onGenerateCaptions(videoElement);
@@ -3669,6 +3672,7 @@ function PropertiesPanelContainer({
   addCaptionsToTimeline,
   onGenerateCaptions,
   getCaptionstatus,
+  pollingIntervalMs,
   videoResolution
 }) {
   const title = selectedElement instanceof timeline.TextElement ? selectedElement.getText() : (selectedElement == null ? void 0 : selectedElement.getName()) || (selectedElement == null ? void 0 : selectedElement.getType()) || "Element";
@@ -3736,7 +3740,8 @@ function PropertiesPanelContainer({
               selectedElement,
               addCaptionsToTimeline,
               onGenerateCaptions,
-              getCaptionstatus
+              getCaptionstatus,
+              pollingIntervalMs
             }
           )
         ] });
@@ -3858,7 +3863,12 @@ function TwickStudio({ studioConfig }) {
     onSaveProject,
     onExportVideo
   } = useStudioOperation(studioConfig);
-  const { onGenerateCaptions, addCaptionsToTimeline, getCaptionstatus } = useGenerateCaptions(studioConfig);
+  const {
+    onGenerateCaptions,
+    addCaptionsToTimeline,
+    getCaptionstatus,
+    pollingIntervalMs
+  } = useGenerateCaptions(studioConfig);
   const twickStudiConfig = react.useMemo(
     () => ({
       canvasMode: true,
@@ -3906,7 +3916,7 @@ function TwickStudio({ studioConfig }) {
         {
           className: "canvas-container",
           style: {
-            maxWidth: ((_a = twickStudiConfig.playerProps) == null ? void 0 : _a.maxWidth) ?? 960
+            maxWidth: ((_a = twickStudiConfig.playerProps) == null ? void 0 : _a.maxWidth) ?? "100%"
           },
           children: /* @__PURE__ */ jsxRuntime.jsx(VideoEditor, { editorConfig: twickStudiConfig })
         }
@@ -3919,6 +3929,7 @@ function TwickStudio({ studioConfig }) {
           addCaptionsToTimeline,
           onGenerateCaptions,
           getCaptionstatus,
+          pollingIntervalMs,
           videoResolution
         }
       ) })
@@ -3926,6 +3937,7 @@ function TwickStudio({ studioConfig }) {
   ] }) });
 }
 const useGenerateCaptions = (studioConfig) => {
+  var _a;
   const { editor, present } = timeline.useTimelineContext();
   const onGenerateCaptions = async (videoElement) => {
     if (studioConfig == null ? void 0 : studioConfig.captionGenerationService) {
@@ -3940,8 +3952,8 @@ const useGenerateCaptions = (studioConfig) => {
     return null;
   };
   const addCaptionsToTimeline = (captions) => {
-    var _a;
-    const updatedProjectJSON = (_a = studioConfig == null ? void 0 : studioConfig.captionGenerationService) == null ? void 0 : _a.updateProjectWithCaptions(
+    var _a2;
+    const updatedProjectJSON = (_a2 = studioConfig == null ? void 0 : studioConfig.captionGenerationService) == null ? void 0 : _a2.updateProjectWithCaptions(
       captions
     );
     if (updatedProjectJSON) {
@@ -3958,10 +3970,12 @@ const useGenerateCaptions = (studioConfig) => {
       error: "Caption generation service not found"
     };
   };
+  const pollingIntervalMs = ((_a = studioConfig == null ? void 0 : studioConfig.captionGenerationService) == null ? void 0 : _a.pollingIntervalMs) ?? 5e3;
   return {
     onGenerateCaptions,
     addCaptionsToTimeline,
-    getCaptionstatus
+    getCaptionstatus,
+    pollingIntervalMs
   };
 };
 Object.defineProperty(exports, "AudioElement", {