🐛 fix: Fix options type export

.github/workflows/release.yml

@@ -30,4 +30,4 @@ jobs:
         run: bun run release
         env:
           GITHUB_TOKEN: ${{ secrets.GH_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

src/core/const/polyfill.ts

@@ -13,10 +13,21 @@ const getSpeechSynthesis = () => {
     return (
       (globalThis as any)?.speechSynthesis ||
       (window as any)?.speechSynthesis ||
-      (window as any)?.speechSynthesis
+      (window as any)?.webkitSpeechSynthesis
+    );
+  } catch {}
+};
+
+const getSpeechSynthesisUtterance = () => {
+  try {
+    return (
+      (globalThis as any)?.SpeechSynthesisUtterance ||
+      (window as any)?.SpeechSynthesisUtterance ||
+      (window as any)?.webkitSpeechSynthesisUtterance
     );
   } catch {}
 };
 
 export const SpeechRecognition = getSpeechRecognition();
-export const speechSynthesis = getSpeechSynthesis();
+export const SpeechSynthesis = getSpeechSynthesis();
+export const SpeechSynthesisUtterance = getSpeechSynthesisUtterance();

src/react/hooks/useAudioPlayer.ts

@@ -1,9 +1,9 @@
 import { RefObject, useCallback, useEffect, useRef, useState } from 'react';
 import useSWR from 'swr';
 
-import { AudioProps } from '@/react/AudioPlayer';
 import { arrayBufferConvert } from '@/core/utils/arrayBufferConvert';
 import { audioBufferToBlob } from '@/core/utils/audioBufferToBlob';
+import { AudioProps } from '@/react/AudioPlayer';
 
 export interface AudioPlayerHook extends AudioProps {
   isLoading?: boolean;

src/react/hooks/useStreamAudioPlayer.ts

@@ -1,7 +1,7 @@
 import { RefObject, useCallback, useEffect, useRef, useState } from 'react';
 
-import { AudioProps } from '@/react/AudioPlayer';
 import { audioBufferToBlob, audioBuffersToBlob } from '@/core/utils/audioBufferToBlob';
+import { AudioProps } from '@/react/AudioPlayer';
 
 export interface StreamAudioPlayerHook extends AudioProps {
   download: () => void;

src/react/index.ts

@@ -5,8 +5,8 @@ export { useAudioVisualizer } from './hooks/useAudioVisualizer';
 export { useBlobUrl } from './hooks/useBlobUrl';
 export { useStreamAudioPlayer } from './hooks/useStreamAudioPlayer';
 export { useAudioRecorder } from './useAudioRecorder';
-export { useEdgeSpeech } from './useEdgeSpeech';
-export { useMicrosoftSpeech } from './useMicrosoftSpeech';
+export { type EdgeSpeechOptions,useEdgeSpeech } from './useEdgeSpeech';
+export { type MicrosoftSpeechOptions,useMicrosoftSpeech } from './useMicrosoftSpeech';
 export {
   type OpenaiSpeechRecognitionOptions,
   type OpenAISTTConfig,
@@ -21,4 +21,4 @@ export {
   type SpeechRecognitionOptions,
   useSpeechRecognition,
 } from './useSpeechRecognition/useSpeechRecognition';
-export { useSpeechSynthes } from './useSpeechSynthes';
+export { type SpeechSynthesOptions,useSpeechSynthes } from './useSpeechSynthes';

src/react/useMicrosoftSpeech/index.ts

@@ -3,7 +3,7 @@ import { useState } from 'react';
 import { type MicrosoftSpeechPayload, MicrosoftSpeechTTS } from '@/core/MicrosoftSpeechTTS';
 import { TTSConfig, useTTS } from '@/react/useTTS';
 
-interface MicrosoftSpeechOptions extends Pick<MicrosoftSpeechPayload, 'options'>, TTSConfig {
+export interface MicrosoftSpeechOptions extends Pick<MicrosoftSpeechPayload, 'options'>, TTSConfig {
   api?: {
     url?: string;
   };

src/react/useSpeechSynthes/index.ts

@@ -1,35 +1,49 @@
-import { useCallback, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 
-import { speechSynthesis } from '@/core/const/polyfill';
+import { SpeechSynthesis, SpeechSynthesisUtterance } from '@/core/const/polyfill';
 import { SsmlOptions } from '@/core/utils/genSSML';
 
-export const useSpeechSynthes = (defaultText: string, { voice, rate, pitch }: SsmlOptions) => {
-  const [voiceList, setVoiceList] = useState(speechSynthesis.getVoices());
+export interface SpeechSynthesOptions extends Pick<SsmlOptions, 'voice' | 'rate' | 'pitch'> {
+  onStart?: () => void;
+  onStop?: () => void;
+}
+export const useSpeechSynthes = (
+  defaultText: string,
+  { voice, rate, pitch, ...options }: SpeechSynthesOptions,
+) => {
+  const [voiceList, setVoiceList] = useState(SpeechSynthesis?.getVoices());
   const [text, setText] = useState<string>(defaultText);
   const [isLoading, setIsLoading] = useState<boolean>(false);
 
   const speechSynthesisUtterance = useMemo(() => {
+    if (!SpeechSynthesisUtterance) return;
     const utterance = new SpeechSynthesisUtterance(text);
     utterance.voice = voiceList.find((item: any) => item.name === voice) as any;
     if (pitch) utterance.pitch = pitch * 10;
     if (rate) utterance.rate = rate * 10;
     return utterance;
   }, [text, voiceList, rate, pitch, voice]);
 
-  speechSynthesis.onvoiceschanged = () => {
-    setVoiceList(speechSynthesis.getVoices());
-  };
-  speechSynthesisUtterance.onstart = () => setIsLoading(true);
-  speechSynthesisUtterance.onend = () => setIsLoading(false);
+  useEffect(() => {
+    if (!SpeechSynthesis) return;
+
+    SpeechSynthesis.onvoiceschanged = () => {
+      setVoiceList(SpeechSynthesis?.getVoices());
+    };
+    SpeechSynthesis.onstart = () => setIsLoading(true);
+    SpeechSynthesis.onend = () => setIsLoading(false);
+  }, []);
 
   const handleStart = useCallback(() => {
-    speechSynthesis.speak(speechSynthesisUtterance);
-  }, [speechSynthesis, speechSynthesisUtterance]);
+    options?.onStart?.();
+    SpeechSynthesis?.speak(speechSynthesisUtterance);
+  }, [speechSynthesisUtterance]);
 
   const handleStop = useCallback(() => {
-    speechSynthesis.cancel();
+    options?.onStop?.();
+    speechSynthesis?.cancel();
     setIsLoading(false);
-  }, [speechSynthesis]);
+  }, []);
 
   return {
     isLoading,

src/react/useTTS/index.ts

@@ -1,9 +1,9 @@
 import { useCallback, useEffect, useState } from 'react';
 import useSWR, { type SWRConfiguration } from 'swr';
 
+import { splitTextIntoSegments } from '@/core/utils/splitTextIntoSegments';
 import { AudioProps } from '@/react/AudioPlayer';
 import { useStreamAudioPlayer } from '@/react/hooks/useStreamAudioPlayer';
-import { splitTextIntoSegments } from '@/core/utils/splitTextIntoSegments';
 
 export interface TTSHook extends SWRConfiguration {
   audio: AudioProps;