shoptime/com.twin.app.shoptime/src/hooks/useWebSpeech.js

// src/hooks/useWebSpeech.js

import { useEffect, useCallback } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import {
  initializeWebSpeech,
  startWebSpeech,
  stopWebSpeech,
  cleanupWebSpeech,
} from '../actions/webSpeechActions';

/**
 * Web Speech API Hook
 * - SearchPanel에서 사용하는 음성 입력 Hook
 * - VoiceInputOverlay와 통합
 *
 * @param {boolean} isActive - Hook 활성화 여부 (예: SearchPanel이 foreground인지)
 * @param {function} onSTTText - STT 텍스트 수신 콜백
 * @param {Object} config - Web Speech 설정
 */
export const useWebSpeech = (isActive, onSTTText, config = {}) => {
  const dispatch = useDispatch();
  const { lastSTTText, sttTimestamp, webSpeech } = useSelector((state) => state.voice);

  // Web Speech 초기화
  useEffect(() => {
    if (isActive) {
      console.log('[useWebSpeech] Initializing Web Speech API');
      dispatch(
        initializeWebSpeech({
          lang: config.lang || 'ko-KR',
          continuous: config.continuous || false,
          interimResults: config.interimResults !== false,
        })
      );
    }

    // Cleanup on unmount only
    return () => {
      if (isActive) {
        console.log('[useWebSpeech] Cleaning up Web Speech API (unmount)');
        dispatch(cleanupWebSpeech());
      }
    };
  }, [isActive, dispatch, config.lang, config.continuous, config.interimResults]);

  // STT 텍스트 수신 처리
  useEffect(() => {
    if (lastSTTText && sttTimestamp) {
      console.log('[useWebSpeech] STT text received:', lastSTTText);
      if (onSTTText) {
        onSTTText(lastSTTText);
      }
    }
  }, [lastSTTText, sttTimestamp, onSTTText]);

  // 음성 인식 시작/중지 함수 반환
  const startListening = useCallback(() => {
    dispatch(startWebSpeech());
  }, [dispatch]);

  const stopListening = useCallback(() => {
    dispatch(stopWebSpeech());
  }, [dispatch]);

  return {
    isInitialized: webSpeech.isInitialized,
    isListening: webSpeech.isListening,
    interimText: webSpeech.interimText,
    error: webSpeech.error,
    startListening,
    stopListening,
  };
};

export default useWebSpeech;