Update src/contexts/LiveAPIContext.tsx

src/contexts/LiveAPIContext.tsx

@@ -14,28 +14,44 @@
  * limitations under the License.
  */
 
-import { createContext, FC, type ReactNode, useContext } from "react";
+// --- 👇 ایمپورت‌های لازم اضافه شد 👇 ---
+import React, { createContext, FC, type ReactNode, useContext, useEffect } from "react"; // React و useEffect اضافه شد
 import { useLiveAPI, type UseLiveAPIResults } from "../hooks/use-live-api";
-import { LiveConfig } from "../multimodal-live-types";
+import { LiveConfig } from "../multimodal-live-types"; // LiveConfig ایمپورت شد
+// --- 👆 پایان ایمپورت‌های اضافه شده 👆 ---
 
 const LiveAPIContext = createContext<UseLiveAPIResults | undefined>(undefined);
 
+// --- 👇 پراپرتی initialConfig به Props اضافه شد 👇 ---
 export type LiveAPIProviderProps = {
   children: ReactNode;
   url?: string;
-  initialConfig?: LiveConfig;
-  apiKey?: string;
+  initialConfig?: LiveConfig; // این پراپرتی برای دریافت تنظیمات اولیه از App.tsx است
 };
+// --- 👆 پایان تغییر Props 👆 ---
 
 export const LiveAPIProvider: FC<LiveAPIProviderProps> = ({
-  url = process.env.NODE_ENV === 'development' 
+  url = process.env.NODE_ENV === 'development'
     ? `${window.location.protocol === 'https:' ? 'wss:' : 'ws:'}//localhost:3001/ws`
     : `${window.location.protocol === 'https:' ? 'wss:' : 'ws:'}//${window.location.host}/ws`,
-  initialConfig,
-  apiKey,
+  initialConfig, // <-- initialConfig از props گرفته شد
   children,
 }) => {
-  const liveAPI = useLiveAPI({ url, apiKey, initialConfig });
+  // هوک useLiveAPI مثل قبل فراخوانی می‌شود
+  // توجه: فرض شده که apiKey در جای دیگری مدیریت می‌شود یا نیاز نیست
+  const liveAPI = useLiveAPI({ url });
+
+  // --- 👇 استفاده از useEffect برای اعمال initialConfig 👇 ---
+  // این effect یک بار بعد از اولین رندر (و اگر initialConfig تغییر کند) اجرا می‌شود
+  useEffect(() => {
+    // فقط اگر initialConfig پاس داده شده باشد و تابع setConfig در دسترس باشد، آن را اعمال می‌کنیم
+    if (initialConfig && liveAPI.setConfig) {
+      console.log("Applying initial config from Provider:", initialConfig); // برای دیباگ
+      liveAPI.setConfig(initialConfig); // تنظیمات اولیه پاس داده شده از App.tsx را اعمال می‌کنیم
+    }
+    // setConfig معمولاً تغییر نمی‌کند، اما برای کامل بودن در dependency array قرار می‌گیرد
+  }, [initialConfig, liveAPI.setConfig]);
+  // --- 👆 پایان بخش useEffect 👆 ---
 
   return (
     <LiveAPIContext.Provider value={liveAPI}>
@@ -45,9 +61,11 @@ export const LiveAPIProvider: FC<LiveAPIProviderProps> = ({
 };
 
 export const useLiveAPIContext = () => {
+  // console.log('🎯 LiveAPIContext: Hook being accessed'); // لاگ‌ها رو حذف می‌کنیم یا نگه می‌داریم
   const context = useContext(LiveAPIContext);
   if (!context) {
     throw new Error("useLiveAPIContext must be used within a LiveAPIProvider");
   }
+  // console.log('✅ LiveAPIContext successfully retrieved');
   return context;
 };