// src/contexts/AppContext.tsx import React, { createContext, FC, ReactNode, useContext, useEffect, useState, useCallback } from "react"; import { useLiveAPI, type UseLiveAPIResults } from "../hooks/use-live-api"; import { LiveConfig } from "../multimodal-live-types"; const LS_SELECTED_PERSONALITY = 'app_selected_personality'; const LS_CUSTOM_NAME = 'app_custom_name'; const LS_CUSTOM_INSTRUCTIONS = 'app_custom_instructions'; export type PersonalityType = "default" | "teacher" | "poetic" | "funny" | "custom"; export type PersonalityInstructions = Partial>; interface AppContextType extends UseLiveAPIResults { selectedPersonality: PersonalityType; changePersonality: (personality: PersonalityType, customDetails?: { name: string, instructions: string }) => void; personalityInstructions: PersonalityInstructions; customUserName: string; customInstructions: string; isRestarting: boolean; } const AppContext = createContext(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 [selectedPersonality, setSelectedPersonality] = useState(() => (localStorage.getItem(LS_SELECTED_PERSONALITY) as PersonalityType) || 'default'); const [customUserName, setCustomUserName] = useState(() => localStorage.getItem(LS_CUSTOM_NAME) || ''); const [customInstructions, setCustomInstructions] = useState(() => localStorage.getItem(LS_CUSTOM_INSTRUCTIONS) || ''); const [isRestarting, setIsRestarting] = useState(false); useEffect(() => { const personalityInstruction = personalityInstructions[selectedPersonality] || ""; const customDetail = selectedPersonality === 'custom' && customUserName ? `نام کاربر ${customUserName} است. او را با نامش صدا بزن.\n\n${customInstructions}` : ""; const finalInstruction = `${BASE_INSTRUCTION}\n\n${selectedPersonality === 'custom' ? customDetail : personalityInstruction}`; const newConfig: LiveConfig = { ...initialConfig, tools: [{ googleSearch: {} }], generationConfig: { responseModalities: "audio" }, systemInstruction: { parts: [{ text: finalInstruction.trim() }] }, }; liveAPI.setConfig(newConfig); }, [selectedPersonality, 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 contextValue: AppContextType = { ...liveAPI, selectedPersonality, changePersonality, personalityInstructions, customUserName, customInstructions, isRestarting, }; return {children}; }; export const useAppContext = (): AppContextType => { const context = useContext(AppContext); if (!context) throw new Error("useAppContext must be used within an AppProvider"); return context; };