@twick/studio 0.14.12 → 0.14.14

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

@@ -0,0 +1,9 @@
+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/index.d.ts

@@ -1,6 +1,7 @@
 import { TwickStudio } from './components/twick-studio';
 import { Toolbar } from './components/toolbar';
 import { useStudioManager } from './hooks/use-studio-manager';
+import { default as useGenerateSubtitles } from './hooks/use-generate-subtitles';
 import { default as StudioHeader } from './components/header';
 import { AudioPanel } from './components/panel/audio-panel';
 import { VideoPanel } from './components/panel/video-panel';
@@ -12,31 +13,38 @@ import { IconPanel } from './components/panel/icon-panel';
 import { SubtitlesPanel } from './components/panel/subtitles-panel';
 
 export { 
-/** Main studio component */
+/** Main studio editing environment */
 TwickStudio, 
-/** Tool selection toolbar */
+/** Editing tool/mode selector */
 Toolbar, 
-/** Studio header with controls */
+/** Studio top bar with controls */
 StudioHeader, };
 export { 
-/** Audio management panel */
+/** Panel for audio assets */
 AudioPanel, 
-/** Video management panel */
+/** Panel for video assets */
 VideoPanel, 
-/** Image management panel */
+/** Panel for image assets */
 ImagePanel, 
-/** Text editing panel */
+/** Panel for editing/add text elements */
 TextPanel, 
-/** Subtitles management panel */
+/** Panel for subtitle/caption management */
 SubtitlesPanel, 
-/** Circle shape panel */
+/** Panel for adding circles */
 CirclePanel, 
-/** Rectangle shape panel */
+/** Panel for adding rectangles */
 RectPanel, 
-/** Icon management panel */
+/** Panel for icon assets */
 IconPanel, };
 export { 
-/** Studio state management hook */
-useStudioManager, };
+/** Hook for managing studio state and selections */
+useStudioManager, 
+/** Hook for polling-based subtitle generation */
+useGenerateSubtitles, };
+export * from './helpers/generate-subtitles.service';
+export * from './helpers/constant';
 export * from './types';
+/**
+ * Default export: TwickStudio (full editor component)
+ */
 export default TwickStudio;

package/dist/index.js

@@ -3588,6 +3588,45 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       getSubtitleStatus
     };
   };
+  const useGenerateSubtitles = (studioConfig) => {
+    const { editor, present } = timeline.useTimelineContext();
+    const onGenerateSubtitles = async (videoElement) => {
+      if (studioConfig == null ? void 0 : studioConfig.subtitleGenerationService) {
+        const service = studioConfig.subtitleGenerationService;
+        const reqId = await service.generateSubtitles(
+          videoElement,
+          present
+        );
+        return reqId;
+      }
+      alert("Generate subtitles not supported in demo mode");
+      return null;
+    };
+    const addSubtitlesToTimeline = (subtitles) => {
+      var _a;
+      const updatedProjectJSON = (_a = studioConfig == null ? void 0 : studioConfig.subtitleGenerationService) == null ? void 0 : _a.updateProjectWithSubtitles(
+        subtitles
+      );
+      if (updatedProjectJSON) {
+        editor.loadProject(updatedProjectJSON);
+      }
+    };
+    const getSubtitleStatus = async (reqId) => {
+      if (studioConfig == null ? void 0 : studioConfig.subtitleGenerationService) {
+        const service = studioConfig.subtitleGenerationService;
+        return await service.getRequestStatus(reqId);
+      }
+      return {
+        status: "failed",
+        error: "Subtitle generation service not found"
+      };
+    };
+    return {
+      onGenerateSubtitles,
+      addSubtitlesToTimeline,
+      getSubtitleStatus
+    };
+  };
   function TwickStudio({ studioConfig }) {
     var _a;
     const {
@@ -3603,11 +3642,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const {
       onLoadProject,
       onSaveProject,
-      onExportVideo,
-      onGenerateSubtitles,
-      addSubtitlesToTimeline,
-      getSubtitleStatus
+      onExportVideo
     } = useStudioOperation(studioConfig);
+    const { onGenerateSubtitles, addSubtitlesToTimeline, getSubtitleStatus } = useGenerateSubtitles(studioConfig);
     const twickStudiConfig = react.useMemo(
       () => ({
         canvasMode: true,
@@ -3682,6 +3719,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     ] }) });
   }
   exports2.AudioPanel = AudioPanel;
+  exports2.CAPTION_PROPS = CAPTION_PROPS;
   exports2.CirclePanel = CirclePanel;
   exports2.IconPanel = IconPanel;
   exports2.ImagePanel = ImagePanel;
@@ -3693,6 +3731,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   exports2.TwickStudio = TwickStudio;
   exports2.VideoPanel = VideoPanel;
   exports2.default = TwickStudio;
+  exports2.useGenerateSubtitles = useGenerateSubtitles;
   exports2.useStudioManager = useStudioManager;
   Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 });