feat: add streaming for stt

src/pages/playground/speech/hooks/use-non-stream-tts.ts

@@ -0,0 +1,81 @@
+import { useCallback, useRef, useState } from 'react';
+import { textToSpeech } from '../../apis';
+import { extractErrorMessage } from '../../config';
+
+interface UseNonStreamTTSParams {
+  onSuccess?: (result: { url: string; type: string }) => void;
+  onError?: (error: any) => void;
+}
+
+interface TTSParams {
+  model: string;
+  voice: string;
+  response_format: string;
+  speed?: number;
+  input: string;
+  [key: string]: any;
+}
+
+export const useNonStreamTTS = (params?: UseNonStreamTTSParams) => {
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<any>(null);
+  const controllerRef = useRef<AbortController | null>(null);
+
+  const generate = useCallback(
+    async (ttsParams: TTSParams) => {
+      try {
+        setLoading(true);
+        setError(null);
+
+        // Abort previous request if exists
+        controllerRef.current?.abort();
+        controllerRef.current = new AbortController();
+        const signal = controllerRef.current.signal;
+
+        const res: any = await textToSpeech({
+          data: ttsParams,
+          signal
+        });
+
+        if ((res?.status_code && res?.status_code !== 200) || res?.error) {
+          const errorMessage = extractErrorMessage(res);
+          setError({
+            error: true,
+            errorMessage
+          });
+          params?.onError?.(errorMessage);
+          return null;
+        }
+
+        params?.onSuccess?.(res);
+        return res;
+      } catch (err: any) {
+        const res = err?.response?.data;
+        if (res?.error) {
+          const errorMessage = extractErrorMessage(res);
+          setError({
+            error: true,
+            errorMessage
+          });
+          params?.onError?.(errorMessage);
+        }
+        return null;
+      } finally {
+        setLoading(false);
+      }
+    },
+    [params]
+  );
+
+  const abort = useCallback(() => {
+    controllerRef.current?.abort();
+    setLoading(false);
+  }, []);
+
+  return {
+    generate,
+    abort,
+    loading,
+    error
+  };
+};