sg-paisou 0.0.0 → 0.0.1

package/src/utils/tts.ts

@@ -1,319 +0,0 @@
-import { ENV_PATH_SSE } from "../config";
-import { getRequestHeader } from "./request";
-
-/**
- * TTS音频播放队列管理器
- */
-class TTSPlayer {
-  private audioQueue: HTMLAudioElement[] = []
-  private isPlaying = false
-  private isMuted = false
-  private currentAudio: HTMLAudioElement | null = null
-  private manualPlayAudio: HTMLAudioElement | null = null // 手动播放的音频
-  private manualPlayMessageId: string | null = null // 手动播放的消息ID
-
-  /**
-   * 添加音频到队列
-   */
-  addAudio(audioBlob: Blob) {
-    if (this.isMuted) {
-      console.log('[TTS] Skipping audio - player is muted')
-      return
-    }
-
-    const audio = new Audio(URL.createObjectURL(audioBlob))
-    this.audioQueue.push(audio)
-    console.log(`[TTS] Audio added to queue. Queue length: ${this.audioQueue.length}`)
-    
-    // 如果当前没有播放且未静音，开始播放
-    if (!this.isPlaying && !this.isMuted) {
-      this.playNext()
-    }
-  }
-
-  /**
-   * 播放下一个音频
-   */
-  private playNext() {
-    if (this.audioQueue.length === 0 || this.isMuted) {
-      this.isPlaying = false
-      this.currentAudio = null
-      console.log('[TTS] Playback finished or muted')
-      return
-    }
-
-    this.isPlaying = true
-    this.currentAudio = this.audioQueue.shift()!
-    console.log(`[TTS] Playing audio. Remaining in queue: ${this.audioQueue.length}`)
-    
-    this.currentAudio.onended = () => {
-      console.log('[TTS] Audio ended')
-      // 释放资源
-      if (this.currentAudio) {
-        URL.revokeObjectURL(this.currentAudio.src)
-      }
-      this.playNext()
-    }
-
-    this.currentAudio.onerror = (e) => {
-      console.error('[TTS] Audio playback error:', e)
-      if (this.currentAudio) {
-        URL.revokeObjectURL(this.currentAudio.src)
-      }
-      this.playNext()
-    }
-
-    this.currentAudio.play().catch(err => {
-      console.error('[TTS] Failed to play audio:', err)
-      this.playNext()
-    })
-  }
-
-  /**
-   * 设置静音状态
-   */
-  setMuted(muted: boolean) {
-    console.log(`[TTS] Setting muted state to: ${muted}`)
-    this.isMuted = muted
-    
-    if (muted) {
-      // 停止当前播放
-      if (this.currentAudio) {
-        this.currentAudio.pause()
-        this.currentAudio.currentTime = 0
-        URL.revokeObjectURL(this.currentAudio.src)
-        this.currentAudio = null
-        console.log('[TTS] Current audio stopped')
-      }
-      
-      // 清空队列
-      const queueLength = this.audioQueue.length
-      this.audioQueue.forEach(audio => {
-        URL.revokeObjectURL(audio.src)
-      })
-      this.audioQueue = []
-      this.isPlaying = false
-      console.log(`[TTS] Cleared ${queueLength} audio(s) from queue`)
-    }
-  }
-
-  /**
-   * 清空队列
-   */
-  clear() {
-    this.setMuted(true)
-    this.isMuted = false
-  }
-
-  /**
-   * 手动播放单个消息的TTS
-   * 优先级高于自动播放队列
-   */
-  playManual(audioBlob: Blob, messageId: string, onStart?: () => void, onEnd?: () => void) {
-    // 停止当前手动播放
-    if (this.manualPlayAudio) {
-      this.manualPlayAudio.pause()
-      URL.revokeObjectURL(this.manualPlayAudio.src)
-      this.manualPlayAudio = null
-    }
-
-    // 暂停自动播放队列
-    if (this.currentAudio && this.isPlaying) {
-      this.currentAudio.pause()
-    }
-
-    this.manualPlayMessageId = messageId
-    this.manualPlayAudio = new Audio(URL.createObjectURL(audioBlob))
-    
-    console.log(`[TTS Manual] Playing message: ${messageId}`)
-    onStart?.()
-
-    this.manualPlayAudio.onended = () => {
-      console.log(`[TTS Manual] Playback ended for message: ${messageId}`)
-      if (this.manualPlayAudio) {
-        URL.revokeObjectURL(this.manualPlayAudio.src)
-      }
-      this.manualPlayAudio = null
-      this.manualPlayMessageId = null
-      onEnd?.()
-
-      // 恢复自动播放队列
-      if (this.currentAudio && this.isPlaying && !this.isMuted) {
-        this.currentAudio.play().catch(err => {
-          console.error('[TTS] Failed to resume auto-play:', err)
-          this.playNext()
-        })
-      }
-    }
-
-    this.manualPlayAudio.onerror = (e) => {
-      console.error('[TTS Manual] Playback error:', e)
-      if (this.manualPlayAudio) {
-        URL.revokeObjectURL(this.manualPlayAudio.src)
-      }
-      this.manualPlayAudio = null
-      this.manualPlayMessageId = null
-      onEnd?.()
-    }
-
-    this.manualPlayAudio.play().catch(err => {
-      console.error('[TTS Manual] Failed to play:', err)
-      onEnd?.()
-    })
-  }
-
-  /**
-   * 停止手动播放
-   */
-  stopManual(messageId?: string) {
-    if (messageId && this.manualPlayMessageId !== messageId) {
-      return
-    }
-
-    if (this.manualPlayAudio) {
-      console.log(`[TTS Manual] Stopping playback`)
-      this.manualPlayAudio.pause()
-      URL.revokeObjectURL(this.manualPlayAudio.src)
-      this.manualPlayAudio = null
-      this.manualPlayMessageId = null
-
-      // 恢复自动播放队列
-      if (this.currentAudio && this.isPlaying && !this.isMuted) {
-        this.currentAudio.play().catch(err => {
-          console.error('[TTS] Failed to resume auto-play:', err)
-          this.playNext()
-        })
-      }
-    }
-  }
-
-  /**
-   * 检查消息是否正在手动播放
-   */
-  isManualPlaying(messageId: string): boolean {
-    return this.manualPlayMessageId === messageId && this.manualPlayAudio !== null
-  }
-}
-
-// 创建全局TTS播放器实例
-export const ttsPlayer = new TTSPlayer()
-
-/**
- * 请求TTS音频流（支持流式响应）
- */
-export const fetchTTSAudio = async (
-  sessionId: string,
-  sessionDetailId: string,
-  text: string
-): Promise<Blob> => {
-  const questionInfo = JSON.parse(sessionStorage.getItem('questionInfo') || '{}')
-  const headerObj = getRequestHeader()
-  
-  const response = await fetch(`${ENV_PATH_SSE[questionInfo.envNumber]}/v1/sg/tts`, {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json',
-      ...headerObj
-    },
-    body: JSON.stringify({
-      sessionId,
-      sessionDetailId,
-      text
-    })
-  })
-
-  if (!response.ok) {
-    throw new Error(`TTS request failed: ${response.statusText}`)
-  }
-
-  // 如果是流式响应，读取完整的流
-  if (response.body) {
-    const reader = response.body.getReader()
-    const chunks: Uint8Array[] = []
-    
-    while (true) {
-      const { done, value } = await reader.read()
-      if (done) break
-      if (value) chunks.push(value)
-    }
-    
-    // 合并所有chunks
-    const totalLength = chunks.reduce((acc, chunk) => acc + chunk.length, 0)
-    const result = new Uint8Array(totalLength)
-    let offset = 0
-    for (const chunk of chunks) {
-      result.set(chunk, offset)
-      offset += chunk.length
-    }
-    
-    return new Blob([result], { type: 'audio/mpeg' })
-  }
-
-  return await response.blob()
-}
-
-/**
- * 请求并播放TTS音频（自动播放队列）
- */
-export const playTTSAudio = async (
-  sessionId: string,
-  sessionDetailId: string,
-  text: string,
-  isMuted: boolean
-) => {
-  if (isMuted || !text.trim()) {
-    console.log('[TTS] Skipping TTS request - muted or empty text')
-    return
-  }
-
-  console.log(`[TTS] Requesting TTS for text: "${text.substring(0, 50)}..."`)
-  
-  try {
-    const audioBlob = await fetchTTSAudio(sessionId, sessionDetailId, text)
-    console.log(`[TTS] Received audio blob, size: ${audioBlob.size} bytes`)
-    ttsPlayer.addAudio(audioBlob)
-  } catch (error) {
-    console.error('[TTS] Failed to fetch TTS audio:', error)
-  }
-}
-
-/**
- * 手动播放消息的TTS（用于播放按钮）
- */
-export const playMessageTTS = async (
-  sessionId: string,
-  messageId: string,
-  text: string,
-  onStart?: () => void,
-  onEnd?: () => void
-) => {
-  if (!text.trim()) {
-    console.log('[TTS Manual] Skipping - empty text')
-    return
-  }
-
-  console.log(`[TTS Manual] Requesting TTS for message: ${messageId}`)
-  
-  try {
-    const audioBlob = await fetchTTSAudio(sessionId, messageId, text)
-    console.log(`[TTS Manual] Received audio blob, size: ${audioBlob.size} bytes`)
-    ttsPlayer.playManual(audioBlob, messageId, onStart, onEnd)
-  } catch (error) {
-    console.error('[TTS Manual] Failed to fetch TTS audio:', error)
-    onEnd?.()
-  }
-}
-
-/**
- * 停止手动播放消息的TTS
- */
-export const stopMessageTTS = (messageId?: string) => {
-  ttsPlayer.stopManual(messageId)
-}
-
-/**
- * 检查消息是否正在播放
- */
-export const isMessagePlaying = (messageId: string): boolean => {
-  return ttsPlayer.isManualPlaying(messageId)
-}

package/src/utils/typewriter.ts

@@ -1,61 +0,0 @@
-/**
- * 打字机效果工具函数
- * 按单词显示文本，而不是按字符
- */
-
-export interface TypewriterOptions {
-  text: string
-  onUpdate: (displayedText: string) => void
-  onComplete: () => void
-  wordDelay?: number  // 每个单词的延迟时间（毫秒）
-}
-
-export class Typewriter {
-  private words: string[]
-  private currentIndex: number = 0
-  private timer: number | null = null
-  private options: TypewriterOptions
-
-  constructor(options: TypewriterOptions) {
-    this.options = {
-      wordDelay: 1000,  // 默认50ms
-      ...options
-    }
-    // 按空格分割成单词
-    this.words = this.options.text.split(/(\s+)/)
-  }
-
-  start() {
-    this.displayNextWord()
-  }
-
-  private displayNextWord() {
-    if (this.currentIndex >= this.words.length) {
-      this.options.onComplete()
-      return
-    }
-
-    const displayedText = this.words.slice(0, this.currentIndex + 1).join('')
-    this.options.onUpdate(displayedText)
-    this.currentIndex++
-
-    this.timer = window.setTimeout(() => {
-      this.displayNextWord()
-    }, this.options.wordDelay)
-  }
-
-  stop() {
-    if (this.timer) {
-      clearTimeout(this.timer)
-      this.timer = null
-    }
-  }
-
-  skip() {
-    this.stop()
-    const fullText = this.words.join('')
-    this.options.onUpdate(fullText)
-    this.options.onComplete()
-  }
-}
-

package/src/utils/useSSE.ts

@@ -1,113 +0,0 @@
-import { fetchEventSource } from "@microsoft/fetch-event-source";
-import { getRequestHeader } from "./request";
-import { ENV_PATH_SSE } from "../config";
-
-const abortCtrl = new AbortController();
-const signal = abortCtrl.signal;
-
-const useSSE = <T = Record<string, unknown>>(
-  url: string,
-  payload: Record<string, unknown>,
-  customHeader: Record<string, string>,
-  method: "GET" | "POST",
-  options: {
-    onopen?: () => void;
-    onmessage?: (data: T) => void;
-    onerror?: (error: unknown) => void;
-    onclose?: () => void;
-  }
-) => {
-  const hash = payload.hash;
-  const startSSE = async () => {
-    await fetchEventSource(url, {
-      method,
-      signal,
-      headers: {
-        "Content-Type": "application/json",
-        ...customHeader,
-      },
-      body: JSON.stringify(payload),
-      onopen: async (response) => {
-        if (!response.ok) {
-          options.onerror?.(response.statusText);
-        } else {
-          options.onopen?.();
-        }
-      },
-      onmessage: (e: any) => {
-        try {
-          if (e.event === 'finish') {
-            options.onmessage?.({ type: e.event } as any);
-            options.onclose?.();
-          } else {
-            const data = JSON.parse(e.data || '{}') as T;
-            options.onmessage?.(payload.hash ? { ...data, hash, type: e.event } : { ...data, type: e.event });
-          }
-        } catch (error) {
-          options.onerror?.(error);
-        }
-      },
-      onerror: (error) => {
-        abortCtrl.abort();
-        options.onerror?.(error);
-        throw new Error(`error->e: ${error}`);
-      },
-      openWhenHidden: true,
-      onclose: () => {
-        options.onclose?.();
-      },
-    });
-  };
-  return {
-    startSSE,
-    abortCtrl,
-  };
-};
-
-// 新增：解释题目的流式请求
-export const explainQuestionSSE = (
-  params: {
-    sessionId: string
-    content: string
-    recommendQuestions?: boolean
-  },
-  onMessage: (e: {
-    id?: string
-    msgId?: string
-    event: string
-    data: any
-  }) => void,
-  onError: (e: any) => void,
-  onClose: () => void
-) => {
-  const questionInfo = JSON.parse(sessionStorage.getItem('questionInfo') || '{}');
-  console.log('explainQuestionSSE', params)
-  const headerObj = getRequestHeader();
-
-  const { startSSE, abortCtrl } = useSSE(
-    `${ENV_PATH_SSE[questionInfo.envNumber]}/v1/sg/explain-question`,
-    {
-      sessionId: params.sessionId,
-      content: params.content,
-      recommendQuestions: params.recommendQuestions || false
-    },
-    headerObj as any,
-    "POST",
-    {
-      onmessage: (e: any) => {
-        onMessage(e);
-      },
-      onerror(e: any) {
-        onError(e);
-      },
-      onclose() {
-        onClose();
-      },
-    }
-  );
-
-  return {
-    startSSE,
-    abort: () => abortCtrl.abort()
-  };
-};