Soti-bashe-lala / src /contexts /LiveAPIContext.tsx
Hamed744's picture
Update src/contexts/LiveAPIContext.tsx
f70c1d1 verified
raw
history blame
3.47 kB
/**
* 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 } 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; // این پراپرتی برای دریافت تنظیمات اولیه از 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 از props گرفته شد
children,
}) => {
// هوک 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}>
{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;
};