Spaces:
Running
Running
// src/contexts/AppContext.tsx (نسخه نهایی با اصلاح منطق اتصال) | |
import React, { createContext, FC, ReactNode, useContext, useEffect, useState, useCallback, useRef } from "react"; | |
import { useLiveAPI, type UseLiveAPIResults } from "../hooks/use-live-api"; | |
import { LiveConfig } from "../multimodal-live-types"; | |
import { speakers } from '../data/speakers'; | |
const LS_SELECTED_PERSONALITY = 'app_selected_personality'; | |
const LS_SELECTED_VOICE = 'app_selected_voice'; | |
const LS_CUSTOM_NAME = 'app_custom_name'; | |
const LS_CUSTOM_INSTRUCTIONS = 'app_custom_instructions'; | |
const LS_TIMER_SECONDS = 'app_timer_seconds'; | |
const LS_TIMER_DATE = 'app_timer_date'; | |
const DAILY_LIMIT_SECONDS = 900; | |
export type PersonalityType = "default" | "teacher" | "poetic" | "funny" | "custom"; | |
export type PersonalityInstructions = Partial<Record<PersonalityType, string>>; | |
interface AppContextType extends UseLiveAPIResults { | |
selectedPersonality: PersonalityType; | |
selectedVoice: string; | |
changePersonality: (personality: PersonalityType, customDetails?: { name: string, instructions: string }) => void; | |
changeVoice: (voiceId: string) => void; | |
personalityInstructions: PersonalityInstructions; | |
customUserName: string; | |
customInstructions: string; | |
isRestarting: boolean; | |
remainingTime: number; | |
isTimeUp: boolean; | |
isTimerActive: boolean; | |
startTimer: () => void; | |
stopTimer: () => void; | |
} | |
const AppContext = createContext<AppContextType | undefined>(undefined); | |
const BASE_INSTRUCTION = `تو یک دستیار صوتی و تصویری پیشرفته از برنامه هوش مصنوعی آلفا هستی. همیشه به زبان فارسی روان، دقیق و طبیعی صحبت کن. هرگز خودت را به عنوان محصول شرکت دیگری معرفی نکن تو توسط هوش مصنوعی آلفا ساخته و توسعه داده شدی. در پاسخهای خود از ایموجی یا شکلک استفاده نکن.`; | |
export const AppProvider: FC<{ children: ReactNode; initialConfig?: LiveConfig; personalityInstructions: PersonalityInstructions; url?: string; }> = ({ | |
children, initialConfig, personalityInstructions, url | |
}) => { | |
const liveAPI = useLiveAPI({ url }); | |
const timerIntervalRef = useRef<NodeJS.Timeout | null>(null); | |
const [selectedPersonality, setSelectedPersonality] = useState<PersonalityType>(() => (localStorage.getItem(LS_SELECTED_PERSONALITY) as PersonalityType) || 'default'); | |
const [selectedVoice, setSelectedVoice] = useState<string>(() => localStorage.getItem(LS_SELECTED_VOICE) || speakers[0].id); | |
const [customUserName, setCustomUserName] = useState<string>(() => localStorage.getItem(LS_CUSTOM_NAME) || ''); | |
const [customInstructions, setCustomInstructions] = useState<string>(() => localStorage.getItem(LS_CUSTOM_INSTRUCTIONS) || ''); | |
const [isRestarting, setIsRestarting] = useState(false); | |
const [remainingTime, setRemainingTime] = useState<number>(DAILY_LIMIT_SECONDS); | |
const [isTimerActive, setIsTimerActive] = useState(false); | |
const isTimeUp = remainingTime <= 0; | |
useEffect(() => { | |
const today = new Date().toLocaleDateString('fa-IR'); | |
const storedDate = localStorage.getItem(LS_TIMER_DATE); | |
if (storedDate === today) { | |
const storedTime = parseInt(localStorage.getItem(LS_TIMER_SECONDS) || `${DAILY_LIMIT_SECONDS}`, 10); | |
setRemainingTime(storedTime); | |
} else { | |
localStorage.setItem(LS_TIMER_DATE, today); | |
localStorage.setItem(LS_TIMER_SECONDS, `${DAILY_LIMIT_SECONDS}`); | |
setRemainingTime(DAILY_LIMIT_SECONDS); | |
} | |
}, []); | |
const stopTimer = useCallback(() => { | |
if (timerIntervalRef.current) { | |
clearInterval(timerIntervalRef.current); | |
timerIntervalRef.current = null; | |
} | |
setIsTimerActive(false); | |
}, []); | |
const startTimer = useCallback(() => { | |
if (isTimeUp || timerIntervalRef.current) return; | |
setIsTimerActive(true); | |
timerIntervalRef.current = setInterval(() => { | |
setRemainingTime(prevTime => { | |
const newTime = Math.max(0, prevTime - 1); | |
localStorage.setItem(LS_TIMER_SECONDS, `${newTime}`); | |
if (newTime <= 0) stopTimer(); | |
return newTime; | |
}); | |
}, 1000); | |
}, [isTimeUp, stopTimer]); | |
useEffect(() => { | |
let instructionParts = [BASE_INSTRUCTION]; | |
if (customUserName) instructionParts.push(`نام کاربر ${customUserName} است. او را با نامش صدا بزن.`); | |
if (selectedPersonality === 'custom') { | |
if (customInstructions) instructionParts.push(customInstructions); | |
} else { | |
const personalityPrompt = personalityInstructions[selectedPersonality]; | |
if (personalityPrompt) instructionParts.push(personalityPrompt); | |
} | |
const finalInstruction = instructionParts.join('\n\n'); | |
const newConfig: LiveConfig = { | |
model: "models/gemini-live-2.5-flash-preview", | |
tools: [{ googleSearch: {} }], | |
generationConfig: { responseModalities: "audio", speechConfig: { voiceConfig: { prebuiltVoiceConfig: { voiceName: selectedVoice } } } }, | |
systemInstruction: { parts: [{ text: finalInstruction.trim() }] }, | |
}; | |
liveAPI.setConfig(newConfig); | |
}, [selectedPersonality, selectedVoice, customUserName, customInstructions, personalityInstructions, liveAPI.setConfig, initialConfig]); | |
useEffect(() => { | |
if (isRestarting && !liveAPI.connected) { | |
const timer = setTimeout(() => liveAPI.connect().then(() => setIsRestarting(false)), 200); | |
return () => clearTimeout(timer); | |
} | |
}, [isRestarting, liveAPI.connected, liveAPI.connect]); | |
const changePersonality = useCallback((newPersonality: PersonalityType, customDetails?: { name: string; instructions: string }) => { | |
if (newPersonality === 'custom' && customDetails) { | |
localStorage.setItem(LS_CUSTOM_NAME, customDetails.name); | |
localStorage.setItem(LS_CUSTOM_INSTRUCTIONS, customDetails.instructions); | |
setCustomUserName(customDetails.name); | |
setCustomInstructions(customDetails.instructions); | |
} | |
localStorage.setItem(LS_SELECTED_PERSONALITY, newPersonality); | |
setSelectedPersonality(newPersonality); | |
if (liveAPI.connected) { setIsRestarting(true); liveAPI.disconnect(); } | |
}, [liveAPI.connected, liveAPI.disconnect]); | |
const changeVoice = useCallback((voiceId: string) => { | |
localStorage.setItem(LS_SELECTED_VOICE, voiceId); | |
setSelectedVoice(voiceId); | |
if (liveAPI.connected) { setIsRestarting(true); liveAPI.disconnect(); } | |
}, [liveAPI.connected, liveAPI.disconnect]); | |
const contextValue: AppContextType = { | |
...liveAPI, | |
selectedPersonality, | |
selectedVoice, | |
changePersonality, | |
changeVoice, | |
personalityInstructions, | |
customUserName, | |
customInstructions, | |
isRestarting, | |
remainingTime, | |
isTimeUp, | |
isTimerActive, | |
startTimer, | |
stopTimer, | |
}; | |
return <AppContext.Provider value={contextValue}>{children}</AppContext.Provider>; | |
}; | |
export const useAppContext = (): AppContextType => { | |
const context = useContext(AppContext); | |
if (!context) throw new Error("useAppContext must be used within an AppProvider"); | |
return context; | |
}; |