Merge remote-tracking branch 'origin/next' into task/OV-352-add-logic-for-edit-video-button

Author: Sanchousina

frontend/package.json

@@ -53,5 +53,10 @@
         "remotion": "4.0.201",
         "shared": "*",
         "zod-formik-adapter": "1.3.0"
+    },
+    "overrides": {
+        "vite": {
+            "rollup": "npm:@rollup/wasm-node"
+        }
     }
 }

frontend/src/bundles/studio/components/player-controls/player-controls.tsx

@@ -39,6 +39,7 @@ const PlayerControls: React.FC<Properties> = ({ playerRef }) => {
     const togglePlaying = useCallback(() => {
         if (elapsedTime >= totalDuration) {
             void dispatch(studioActions.setElapsedTime(0));
+            playerRef.current?.pauseAndReturnToPlayStart();
         }
         playerRef.current?.toggle();
 

frontend/src/bundles/studio/store/actions.ts

@@ -1,4 +1,5 @@
 import { createAsyncThunk } from '@reduxjs/toolkit';
+import { getAudioData } from '@remotion/media-utils';
 import { type UpdateVideoRequestDto } from 'shared';
 
 import { type AsyncThunkConfig } from '~/bundles/common/types/types.js';
@@ -10,6 +11,7 @@ import {
     type GetVoicesResponseDto,
     type RenderAvatarResponseDto,
     type RenderAvatarVideoRequestDto,
+    type Script,
     type VideoGetAllItemResponseDto,
 } from '~/bundles/studio/types/types.js';
 
@@ -36,13 +38,21 @@ const loadVoices = createAsyncThunk<
 });
 
 const generateScriptSpeech = createAsyncThunk<
-    GenerateSpeechResponseDto,
+    Required<Pick<Script, 'id'>> & Partial<Script>,
     GenerateSpeechRequestDto,
     AsyncThunkConfig
 >(`${sliceName}/generate-script-speech`, (payload, { extra }) => {
     const { speechApi } = extra;
 
-    return speechApi.generateScriptSpeech(payload);
+    return speechApi
+        .generateScriptSpeech(payload)
+        .then(({ scriptId, audioUrl }) => {
+            return getAudioData(audioUrl).then(({ durationInSeconds }) => ({
+                id: scriptId,
+                duration: durationInSeconds,
+                url: audioUrl,
+            }));
+        });
 });
 
 const generateScriptSpeechPreview = createAsyncThunk<

frontend/src/bundles/studio/store/slice.ts

@@ -382,16 +382,16 @@ const { reducer, actions, name } = createSlice({
             state.dataStatus = DataStatus.PENDING;
         });
         builder.addCase(generateScriptSpeech.fulfilled, (state, action) => {
-            const { scriptId, audioUrl } = action.payload;
+            const { id } = action.payload;
 
             state.scripts = state.scripts.map((script) => {
-                if (script.id !== scriptId) {
+                if (script.id !== id) {
                     return script;
                 }
 
                 return {
                     ...script,
-                    url: audioUrl,
+                    ...action.payload,
                     iconName: PlayIconNames.READY,
                 };
             });