SotiproAlpha2 / src /contexts /AppContext.tsx
Hamed744's picture
Update src/contexts/AppContext.tsx
55b95aa verified
// 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;
};