Update src/contexts/LiveAPIContext.tsx

src/contexts/LiveAPIContext.tsx

@@ -1,76 +1,68 @@
 /**
 Copyright 2024 Google LLC
-(لایسنس مثل قبل)
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
 */
-import React, { createContext, FC, type ReactNode, useContext, useEffect, useState, useCallback } from "react"; // useState, useCallback added
-import { useLiveAPI, type UseLiveAPIResults as OriginalUseLiveAPIResults } from "../hooks/use-live-api";
-import { LiveConfig } from "../multimodal-live-types";
-
-// Extend UseLiveAPIResults to include new functions
-export type UseLiveAPIResults = OriginalUseLiveAPIResults & {
-  currentFacingMode?: 'user' | 'environment' | null;
-  setCurrentFacingMode?: React.Dispatch<React.SetStateAction<'user' | 'environment' | null>>;
-  rotateWebcam?: () => Promise<void>;
-  changeStreams?: (streamType: 'webcam' | 'screen' | 'none') => void;
-  // Allow updating the live config from ControlTray (or other components)
-  updateLiveConfig?: (updates: Partial<UseLiveAPIResults>) => void; 
-};
 
+// --- 👇 ایمپورت‌های لازم اضافه شد 👇 ---
+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"; // LiveConfig ایمپورت شد
+// --- 👆 پایان ایمپورت‌های اضافه شده 👆 ---
 
 const LiveAPIContext = createContext<UseLiveAPIResults | undefined>(undefined);
 
+// --- 👇 پراپرتی initialConfig به Props اضافه شد 👇 ---
 export type LiveAPIProviderProps = {
   children: ReactNode;
   url?: string;
-  initialConfig?: LiveConfig;
+  initialConfig?: LiveConfig; // این پراپرتی برای دریافت تنظیمات اولیه از App.tsx است
 };
+// --- 👆 پایان تغییر Props 👆 ---
 
 export const LiveAPIProvider: FC<LiveAPIProviderProps> = ({
   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,
+  initialConfig, // <-- initialConfig از props گرفته شد
   children,
 }) => {
-  const liveAPIOriginal = useLiveAPI({ url });
-  
-  // State and functions to be managed by context for wider use
-  const [currentFacingMode, setCurrentFacingMode] = useState<'user' | 'environment' | null>(null);
-  const [dynamicConfig, setDynamicConfig] = useState<Partial<UseLiveAPIResults>>({});
-
-  const updateLiveConfig = useCallback((updates: Partial<UseLiveAPIResults>) => {
-    setDynamicConfig(prev => ({ ...prev, ...updates }));
-  }, []);
-
+  // هوک useLiveAPI مثل قبل فراخوانی می‌شود
+  // توجه: فرض شده که apiKey در جای دیگری مدیریت می‌شود یا نیاز نیست
+  const liveAPI = useLiveAPI({ url });
 
+  // --- 👇 استفاده از useEffect برای اعمال initialConfig 👇 ---
+  // این effect یک بار بعد از اولین رندر (و اگر initialConfig تغییر کند) اجرا می‌شود
   useEffect(() => {
-    if (initialConfig && liveAPIOriginal.setConfig) {
-      console.log("Applying initial config from Provider:", initialConfig);
-      liveAPIOriginal.setConfig(initialConfig);
+    // فقط اگر initialConfig پاس داده شده باشد و تابع setConfig در دسترس باشد، آن را اعمال می‌کنیم
+    if (initialConfig && liveAPI.setConfig) {
+      console.log("Applying initial config from Provider:", initialConfig); // برای دیباگ
+      liveAPI.setConfig(initialConfig); // تنظیمات اولیه پاس داده شده از App.tsx را اعمال می‌کنیم
     }
-  }, [initialConfig, liveAPIOriginal.setConfig]);
-
-  const contextValue: UseLiveAPIResults = {
-    ...liveAPIOriginal,
-    currentFacingMode,
-    setCurrentFacingMode,
-    updateLiveConfig,
-    // Spread dynamic functions if they are provided by a component like ControlTray
-    ...(dynamicConfig.rotateWebcam && { rotateWebcam: dynamicConfig.rotateWebcam }),
-    ...(dynamicConfig.changeStreams && { changeStreams: dynamicConfig.changeStreams }),
-  };
+    // setConfig معمولاً تغییر نمی‌کند، اما برای کامل بودن در dependency array قرار می‌گیرد
+  }, [initialConfig, liveAPI.setConfig]);
+  // --- 👆 پایان بخش useEffect 👆 ---
 
   return (
-    <LiveAPIContext.Provider value={contextValue}>
+    <LiveAPIContext.Provider value={liveAPI}>
       {children}
     </LiveAPIContext.Provider>
   );
 };
 
 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;
 };