@lobehub/chat 0.103.1 → 0.105.0

package/.github/workflows/issue-auto-comments.yml

@@ -59,8 +59,8 @@ jobs:
           comment: |
             ❤️ Great PR @${{ github.event.pull_request.user.login }} ❤️
 
-            The growth of project is inseparable from user feedback and contribution, thanks for your contribution!\
-            项目的成长离不开用户反馈和贡献，感谢您的贡献!
+            The growth of project is inseparable from user feedback and contribution, thanks for your contribution! If you are interesting with the lobehub developer community, please join our [discord](https://discord.com/invite/AYFPHvv2jT) and then dm @arvinxx or @canisminor1990. They will invite you to our private developer channel. We are talking about the lobe-chat development or sharing ai newsletter around the world.\
+            项目的成长离不开用户反馈和贡献，感谢您的贡献! 如果您对 LobeHub 开发者社区感兴趣，请加入我们的 [discord](https://discord.com/invite/AYFPHvv2jT)，然后私信 @arvinxx 或 @canisminor1990。他们会邀请您加入我们的私密开发者频道。我们将会讨论关于 Lobe Chat 的开发，分享和讨论全球范围内的 AI 消息。
           emoji: 'hooray'
           pr-emoji: '+1, heart'
       - name: Remove inactive

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+## [Version 0.105.0](https://github.com/lobehub/lobe-chat/compare/v0.104.0...v0.105.0)
+
+<sup>Released on **2023-11-22**</sup>
+
+#### ✨ Features
+
+- **misc**: Standalone pluginn can get more arguments on init.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Standalone pluginn can get more arguments on init, closes [#498](https://github.com/lobehub/lobe-chat/issues/498) ([a7624f5](https://github.com/lobehub/lobe-chat/commit/a7624f5))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+## [Version 0.104.0](https://github.com/lobehub/lobe-chat/compare/v0.103.1...v0.104.0)
+
+<sup>Released on **2023-11-21**</sup>
+
+#### ✨ Features
+
+- **misc**: Support using env variable to set regions for OpenAI Edge Functions..
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Support using env variable to set regions for OpenAI Edge Functions., closes [#473](https://github.com/lobehub/lobe-chat/issues/473) ([de6b79e](https://github.com/lobehub/lobe-chat/commit/de6b79e))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 0.103.1](https://github.com/lobehub/lobe-chat/compare/v0.103.0...v0.103.1)
 
 <sup>Released on **2023-11-21**</sup>

package/README.md

@@ -390,11 +390,12 @@ $ docker run -d -p 3210:3210 \
 
 This project provides some additional configuration items set with environment variables:
 
-| Environment Variable | Required | Description                                                                                                                                   | Example                                                                                   |
-| -------------------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------- |
-| `OPENAI_API_KEY`     | Yes      | This is the API key you apply on the OpenAI account page                                                                                      | `sk-xxxxxx...xxxxxx`                                                                      |
-| `OPENAI_PROXY_URL`   | No       | If you manually configure the OpenAI interface proxy, you can use this configuration item to override the default OpenAI API request base URL | `https://api.chatanywhere.cn/v1`<br/>The default value is<br/>`https://api.openai.com/v1` |
-| `ACCESS_CODE`        | No       | Add a password to access this service; the password should be a 6-digit number or letter                                                      | `awCT74` or `e3@09!`                                                                      |
+| Environment Variable      | Required | Description                                                                                                                                                                                                                  | Example                                                                                   |
+| ------------------------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------- |
+| `OPENAI_API_KEY`          | Yes      | This is the API key you apply on the OpenAI account page                                                                                                                                                                     | `sk-xxxxxx...xxxxxx`                                                                      |
+| `OPENAI_PROXY_URL`        | No       | If you manually configure the OpenAI interface proxy, you can use this configuration item to override the default OpenAI API request base URL                                                                                | `https://api.chatanywhere.cn/v1`<br/>The default value is<br/>`https://api.openai.com/v1` |
+| `OPENAI_FUNCTION_REGIONS` | No       | When you deploy Lobe-Chat using Vercel and need to specify the region for the Edge Function that handles requests to the OpenAI API, you can use this configuration. The value should be a comma-separated array of strings. | `iad1,sfo1`                                                                               |
+| `ACCESS_CODE`             | No       | Add a password to access this service; the password should be a 6-digit number or letter                                                                                                                                     | `awCT74` or `e3@09!`                                                                      |
 
 > \[!NOTE]
 >

package/README.zh-CN.md

@@ -364,11 +364,12 @@ $ docker run -d -p 3210:3210 \
 
 本项目提供了一些额外的配置项，使用环境变量进行设置：
 
-| 环境变量           | 类型 | 描述                                                                                   | 示例                                                                         |
-| ------------------ | ---- | -------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------- |
-| `OPENAI_API_KEY`   | 必选 | 这是你在 OpenAI 账户页面申请的 API 密钥                                                | `sk-xxxxxx...xxxxxx`                                                         |
-| `OPENAI_PROXY_URL` | 可选 | 如果你手动配置了 OpenAI 接口代理，可以使用此配置项来覆盖默认的 OpenAI API 请求基础 URL | `https://api.chatanywhere.cn/v1`<br/>默认值:<br/>`https://api.openai.com/v1` |
-| `ACCESS_CODE`      | 可选 | 添加访问此服务的密码，密码应为 6 位数字或字母                                          | `awCT74` 或 `e3@09!`                                                         |
+| 环境变量                  | 类型 | 描述                                                                                                                                                            | 示例                                                                         |
+| ------------------------- | ---- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------- |
+| `OPENAI_API_KEY`          | 必选 | 这是你在 OpenAI 账户页面申请的 API 密钥                                                                                                                         | `sk-xxxxxx...xxxxxx`                                                         |
+| `OPENAI_PROXY_URL`        | 可选 | 如果你手动配置了 OpenAI 接口代理，可以使用此配置项来覆盖默认的 OpenAI API 请求基础 URL                                                                          | `https://api.chatanywhere.cn/v1`<br/>默认值:<br/>`https://api.openai.com/v1` |
+| `OPENAI_FUNCTION_REGIONS` | 可选 | 当你使用 Vercel 部署 Lobe-Chat，而且有需求指定响应调用 OpenAI 接口的请求的 Edge Function 的 Region 时，可以使用该配置进行配置，该值的类型为逗号分隔的字符串数组 | `iad1,sfo1`                                                                  |
+| `ACCESS_CODE`             | 可选 | 添加访问此服务的密码，密码应为 6 位数字或字母                                                                                                                   | `awCT74` 或 `e3@09!`                                                         |
 
 > \[!NOTE]
 >

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.103.1",
+  "version": "0.105.0",
   "description": "An open-source, extensible (Function Calling), high-performance chatbot framework. It supports one-click free deployment of your private ChatGPT/LLM web application",
   "keywords": [
     "chatbot",

package/src/app/api/config.test.ts

@@ -0,0 +1,42 @@
+import { describe, expect, it, vi } from 'vitest';
+
+import { getPreferredRegion } from './config';
+
+// Stub the global process object to safely mock environment variables
+vi.stubGlobal('process', {
+  ...process, // Preserve the original process object
+  env: { ...process.env }, // Clone the environment variables object for modification
+});
+
+describe('getPreferredRegion', () => {
+  beforeEach(() => {
+    // Reset environment variables before each test case
+    vi.restoreAllMocks();
+  });
+
+  it('returns default value when get config error', () => {
+    const originalProcess = global.process;
+    const originalError = console.error;
+    // @ts-ignore
+    global.process = undefined;
+    console.error = () => {};
+
+    const preferredRegion = getPreferredRegion();
+    expect(preferredRegion).toBe('auto');
+
+    global.process = originalProcess;
+    console.error = originalError;
+  });
+
+  it('return default value when preferredRegion is empty', () => {
+    process.env.OPENAI_FUNCTION_REGIONS = '';
+    const preferredRegion = getPreferredRegion();
+    expect(preferredRegion).toBe('auto');
+  });
+
+  it('return correct list values when preferredRegion is correctly passed', () => {
+    process.env.OPENAI_FUNCTION_REGIONS = 'ida1,sfo1';
+    const preferredRegion = getPreferredRegion();
+    expect(preferredRegion).toStrictEqual(['ida1', 'sfo1']);
+  });
+});

package/src/app/api/config.ts

@@ -0,0 +1,15 @@
+import { getServerConfig } from '@/config/server';
+
+export const getPreferredRegion = () => {
+  try {
+    const cfg = getServerConfig();
+    if (cfg.OPENAI_FUNCTION_REGIONS.length <= 0) {
+      return 'auto';
+    }
+
+    return cfg.OPENAI_FUNCTION_REGIONS;
+  } catch (error) {
+    console.error('get server config failed, error:', error);
+    return 'auto';
+  }
+};

package/src/app/api/openai/chat/route.ts

@@ -1,9 +1,11 @@
 import { OpenAIChatStreamPayload } from '@/types/openai/chat';
 
+import { getPreferredRegion } from '../../config';
 import { createBizOpenAI } from '../createBizOpenAI';
 import { createChatCompletion } from './createChatCompletion';
 
 export const runtime = 'edge';
+export const preferredRegion = getPreferredRegion();
 
 export const POST = async (req: Request) => {
   const payload = (await req.json()) as OpenAIChatStreamPayload;

package/src/app/api/openai/stt/route.ts

@@ -1,9 +1,11 @@
 import { OpenAISTTPayload } from '@lobehub/tts';
 import { createOpenaiAudioTranscriptions } from '@lobehub/tts/server';
 
+import { getPreferredRegion } from '../../config';
 import { createBizOpenAI } from '../createBizOpenAI';
 
 export const runtime = 'edge';
+export const preferredRegion = getPreferredRegion();
 
 export const POST = async (req: Request) => {
   const formData = await req.formData();

package/src/app/api/openai/tts/route.ts

@@ -1,9 +1,11 @@
 import { OpenAITTSPayload } from '@lobehub/tts';
 import { createOpenaiAudioSpeech } from '@lobehub/tts/server';
 
+import { getPreferredRegion } from '../../config';
 import { createBizOpenAI } from '../createBizOpenAI';
 
 export const runtime = 'edge';
+export const preferredRegion = getPreferredRegion();
 
 export const POST = async (req: Request) => {
   const payload = (await req.json()) as OpenAITTSPayload;

package/src/app/chat/features/Conversation/ChatList/Plugins/Render/StandaloneType/Iframe.tsx

@@ -23,6 +23,11 @@ import {
   sendPluginStateToPlugin,
 } from '../utils/postMessage';
 
+// just to simplify code a little, don't use this pattern everywhere
+const getSettings = (identifier: string) =>
+  pluginSelectors.getPluginSettingsById(identifier)(usePluginStore.getState());
+const getMessage = (id: string) => chatSelectors.getMessageById(id)(useSessionStore.getState());
+
 interface IFrameRenderProps {
   height?: number;
   id: string;
@@ -39,8 +44,13 @@ const IFrameRender = memo<IFrameRenderProps>(({ url, id, payload, width = 600, h
   // when payload change，send content to plugin
   useOnPluginReadyForInteraction(() => {
     const iframeWin = iframeRef.current?.contentWindow;
+
     if (iframeWin && payload) {
-      sendPayloadToPlugin(iframeWin, payload);
+      const settings = getSettings(payload.identifier);
+      const message = getMessage(id);
+      const state = message?.pluginState;
+
+      sendPayloadToPlugin(iframeWin, { payload, settings, state });
     }
   }, [payload]);
 
@@ -74,7 +84,7 @@ const IFrameRender = memo<IFrameRenderProps>(({ url, id, payload, width = 600, h
     const iframeWin = iframeRef.current?.contentWindow;
 
     if (iframeWin) {
-      const message = chatSelectors.getMessageById(id)(useSessionStore.getState());
+      const message = getMessage(id);
       if (!message) return;
 
       sendPluginStateToPlugin(iframeWin, key, message.pluginState?.[key]);
@@ -94,9 +104,7 @@ const IFrameRender = memo<IFrameRenderProps>(({ url, id, payload, width = 600, h
     if (iframeWin) {
       if (!payload?.identifier) return;
 
-      const settings = pluginSelectors.getPluginSettingsById(payload?.identifier)(
-        usePluginStore.getState(),
-      );
+      const settings = getSettings(payload.identifier);
 
       sendPluginSettingsToPlugin(iframeWin, settings);
     }

package/src/app/chat/features/Conversation/ChatList/Plugins/Render/utils/iframeOnReady.test.ts

@@ -0,0 +1,75 @@
+import { PluginChannel } from '@lobehub/chat-plugin-sdk/client';
+import { act, renderHook } from '@testing-library/react';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+import { useOnPluginReadyForInteraction } from './iframeOnReady';
+
+describe('useOnPluginReadyForInteraction', () => {
+  const mockOnReady = vi.fn();
+
+  afterEach(() => {
+    mockOnReady.mockReset();
+    window.removeEventListener('message', expect.any(Function));
+  });
+
+  it('sets readyForRender to true when a PluginChannel.pluginReadyForRender message is received', async () => {
+    const { result } = renderHook(() => useOnPluginReadyForInteraction(mockOnReady));
+
+    expect(result.current).toBe(false); // Initially, readyForRender should be false
+
+    const event = new MessageEvent('message', {
+      data: { type: PluginChannel.pluginReadyForRender },
+    });
+
+    act(() => {
+      window.dispatchEvent(event);
+    });
+
+    expect(result.current).toBe(true); // After the event, readyForRender should be true
+  });
+
+  it('sets readyForRender to true when a PluginChannel.pluginReadyForRender message is received', async () => {
+    const { result } = renderHook(() => useOnPluginReadyForInteraction(mockOnReady));
+
+    expect(result.current).toBe(false); // Initially, readyForRender should be false
+
+    const event = new MessageEvent('message', {
+      data: { type: PluginChannel.pluginReadyForRender },
+    });
+
+    act(() => {
+      window.dispatchEvent(event);
+    });
+
+    expect(result.current).toBe(true); // After the event, readyForRender should be true
+    expect(mockOnReady).toHaveBeenCalledTimes(1); // onReady should have been called once
+  });
+
+  it('does not call onReady for non-pluginReadyForRender messages', async () => {
+    renderHook(() => useOnPluginReadyForInteraction(mockOnReady));
+
+    const event = new MessageEvent('message', {
+      data: { type: 'nonPluginReadyMessage' },
+    });
+
+    act(() => {
+      window.dispatchEvent(event);
+    });
+
+    expect(mockOnReady).not.toHaveBeenCalled();
+  });
+
+  it('cleans up message event listener on unmount', () => {
+    const { unmount } = renderHook(() => useOnPluginReadyForInteraction(mockOnReady));
+
+    unmount();
+
+    const event = new MessageEvent('message', {
+      data: { type: PluginChannel.pluginReadyForRender },
+    });
+
+    window.dispatchEvent(event);
+
+    expect(mockOnReady).not.toHaveBeenCalled();
+  });
+});

package/src/app/chat/features/Conversation/ChatList/Plugins/Render/utils/iframeOnReady.ts

@@ -20,4 +20,6 @@ export const useOnPluginReadyForInteraction = (onReady: () => void, deps: any[]
       onReady();
     }
   }, [readyForRender, ...deps]);
+
+  return readyForRender;
 };

package/src/app/chat/features/Conversation/ChatList/Plugins/Render/utils/listenToPlugin.test.ts

@@ -0,0 +1,104 @@
+import { PluginChannel } from '@lobehub/chat-plugin-sdk/client';
+import { renderHook } from '@testing-library/react';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+import {
+  useOnPluginFetchMessage,
+  useOnPluginFetchPluginSettings,
+  useOnPluginFetchPluginState,
+  useOnPluginFillContent,
+} from './listenToPlugin';
+
+afterEach(() => {
+  vi.restoreAllMocks();
+});
+
+describe('useOnPluginFetchMessage', () => {
+  it('calls onRequest when a fetchPluginMessage is received', () => {
+    const mockOnRequest = vi.fn();
+    renderHook(() => useOnPluginFetchMessage(mockOnRequest));
+
+    const testData = { key: 'testData', type: PluginChannel.fetchPluginMessage };
+    const event = new MessageEvent('message', {
+      data: testData,
+    });
+
+    window.dispatchEvent(event);
+
+    expect(mockOnRequest).toHaveBeenCalledWith(testData);
+  });
+
+  it('does not call onRequest for other message types', () => {
+    const mockOnRequest = vi.fn();
+    renderHook(() => useOnPluginFetchMessage(mockOnRequest));
+
+    const event = new MessageEvent('message', {
+      data: { type: 'otherMessageType' },
+    });
+
+    window.dispatchEvent(event);
+
+    expect(mockOnRequest).not.toHaveBeenCalled();
+  });
+});
+
+describe('useOnPluginFetchPluginState', () => {
+  it('calls onRequest with the key when a fetchPluginState message is received', () => {
+    const mockOnRequest = vi.fn();
+    renderHook(() => useOnPluginFetchPluginState(mockOnRequest));
+
+    const testKey = 'testKey';
+    const event = new MessageEvent('message', {
+      data: { type: PluginChannel.fetchPluginState, key: testKey },
+    });
+
+    window.dispatchEvent(event);
+
+    expect(mockOnRequest).toHaveBeenCalledWith(testKey);
+  });
+});
+
+describe('useOnPluginFillContent', () => {
+  it('calls callback with content when a fillStandalonePluginContent message is received', () => {
+    const mockCallback = vi.fn();
+    renderHook(() => useOnPluginFillContent(mockCallback));
+
+    const testContent = 'testContent';
+    const event = new MessageEvent('message', {
+      data: { type: PluginChannel.fillStandalonePluginContent, content: testContent },
+    });
+
+    window.dispatchEvent(event);
+
+    expect(mockCallback).toHaveBeenCalledWith(testContent);
+  });
+
+  it('calls callback with JSON stringified content if content is not a string', () => {
+    const mockCallback = vi.fn();
+    renderHook(() => useOnPluginFillContent(mockCallback));
+
+    const testContent = { some: 'data' };
+    const event = new MessageEvent('message', {
+      data: { type: PluginChannel.fillStandalonePluginContent, content: testContent },
+    });
+
+    window.dispatchEvent(event);
+
+    expect(mockCallback).toHaveBeenCalledWith(JSON.stringify(testContent));
+  });
+});
+
+describe('useOnPluginFetchPluginSettings', () => {
+  it('calls onRequest when a fetchPluginSettings message is received', () => {
+    const mockOnRequest = vi.fn();
+    renderHook(() => useOnPluginFetchPluginSettings(mockOnRequest));
+
+    const event = new MessageEvent('message', {
+      data: { type: PluginChannel.fetchPluginSettings },
+    });
+
+    window.dispatchEvent(event);
+
+    expect(mockOnRequest).toHaveBeenCalled();
+  });
+});

package/src/app/chat/features/Conversation/ChatList/Plugins/Render/utils/pluginSettings.test.ts

@@ -0,0 +1,53 @@
+import { PluginChannel } from '@lobehub/chat-plugin-sdk/client';
+import { renderHook } from '@testing-library/react';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+import { useOnPluginSettingsUpdate } from './pluginSettings';
+
+describe('useOnPluginSettingsUpdate', () => {
+  const mockCallback = vi.fn();
+
+  afterEach(() => {
+    mockCallback.mockReset();
+    window.removeEventListener('message', expect.any(Function));
+  });
+
+  it('calls the callback when a PluginChannel updatePluginSettings message is received', () => {
+    renderHook(() => useOnPluginSettingsUpdate(mockCallback));
+
+    const testSettings = { theme: 'dark', notifications: true };
+    const event = new MessageEvent('message', {
+      data: { type: PluginChannel.updatePluginSettings, value: testSettings },
+    });
+
+    window.dispatchEvent(event);
+
+    expect(mockCallback).toHaveBeenCalledWith(testSettings);
+  });
+
+  it('does not call the callback for non-updatePluginSettings messages', () => {
+    renderHook(() => useOnPluginSettingsUpdate(mockCallback));
+
+    const event = new MessageEvent('message', {
+      data: { type: 'nonPluginSettingsUpdate', value: { irrelevant: true } },
+    });
+
+    window.dispatchEvent(event);
+
+    expect(mockCallback).not.toHaveBeenCalled();
+  });
+
+  it('cleans up message event listener on unmount', () => {
+    const { unmount } = renderHook(() => useOnPluginSettingsUpdate(mockCallback));
+
+    unmount();
+
+    const event = new MessageEvent('message', {
+      data: { type: PluginChannel.updatePluginSettings, value: {} },
+    });
+
+    window.dispatchEvent(event);
+
+    expect(mockCallback).not.toHaveBeenCalled();
+  });
+});

package/src/app/chat/features/Conversation/ChatList/Plugins/Render/utils/pluginState.test.ts

@@ -0,0 +1,43 @@
+import { PluginChannel } from '@lobehub/chat-plugin-sdk/client';
+import { renderHook } from '@testing-library/react';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+import { useOnPluginStateUpdate } from './pluginState';
+
+describe('useOnPluginStateUpdate', () => {
+  // Mock for the callback function to be used in tests
+  const mockCallback = vi.fn();
+
+  afterEach(() => {
+    // Reset the mock callback after each test
+    mockCallback.mockReset();
+    // Ensure no event listeners are left hanging after each test
+    window.removeEventListener('message', expect.any(Function));
+  });
+
+  it('calls the callback when a PluginChannel update message is received', () => {
+    renderHook(() => useOnPluginStateUpdate(mockCallback));
+
+    const testKey = 'testKey';
+    const testValue = 'testValue';
+    const event = new MessageEvent('message', {
+      data: { type: PluginChannel.updatePluginState, key: testKey, value: testValue },
+    });
+
+    window.dispatchEvent(event);
+
+    expect(mockCallback).toHaveBeenCalledWith(testKey, testValue);
+  });
+
+  it('does not call the callback for non-PluginChannel messages', () => {
+    renderHook(() => useOnPluginStateUpdate(mockCallback));
+
+    const event = new MessageEvent('message', {
+      data: { type: 'nonPluginMessage', key: 'key', value: 'value' },
+    });
+
+    window.dispatchEvent(event);
+
+    expect(mockCallback).not.toHaveBeenCalled();
+  });
+});

package/src/app/chat/features/Conversation/ChatList/Plugins/Render/utils/postMessage.test.ts

@@ -0,0 +1,64 @@
+import { PluginChannel } from '@lobehub/chat-plugin-sdk/client';
+import { describe, expect, it, vi } from 'vitest';
+
+import {
+  sendMessageContentToPlugin,
+  sendPayloadToPlugin,
+  sendPluginSettingsToPlugin,
+  sendPluginStateToPlugin,
+} from './postMessage';
+
+// Mock window object with a postMessage spy
+const mockWindow = {
+  postMessage: vi.fn(),
+};
+
+describe('plugin communication functions', () => {
+  it('sendMessageContentToPlugin should call window.postMessage with correct arguments', () => {
+    const props = { some: 'data' };
+    sendMessageContentToPlugin(mockWindow as unknown as Window, props);
+    expect(mockWindow.postMessage).toHaveBeenCalledWith(
+      { props, type: PluginChannel.renderPlugin },
+      '*',
+    );
+  });
+
+  it('sendPayloadToPlugin should call window.postMessage with correct arguments', () => {
+    const props = { payload: 'payload', settings: 'settings', state: 'state' };
+    sendPayloadToPlugin(mockWindow as unknown as Window, props);
+    expect(mockWindow.postMessage).toHaveBeenCalledWith(
+      {
+        type: PluginChannel.initStandalonePlugin,
+        payload: props.payload,
+        settings: props.settings,
+        state: props.state,
+        props: props.payload, // Note: This is due to the TODO in your code
+      },
+      '*',
+    );
+  });
+
+  it('sendPluginStateToPlugin should call window.postMessage with correct arguments', () => {
+    const key = 'key';
+    const value = 'value';
+    sendPluginStateToPlugin(mockWindow as unknown as Window, key, value);
+    expect(mockWindow.postMessage).toHaveBeenCalledWith(
+      { key, type: PluginChannel.renderPluginState, value },
+      '*',
+    );
+  });
+
+  it('sendPluginSettingsToPlugin should call window.postMessage with correct arguments', () => {
+    const settings = { setting1: 'value1' };
+    sendPluginSettingsToPlugin(mockWindow as unknown as Window, settings);
+    expect(mockWindow.postMessage).toHaveBeenCalledWith(
+      { type: PluginChannel.renderPluginSettings, value: settings },
+      '*',
+    );
+  });
+});
+
+// Reset the mock after each test
+afterEach(() => {
+  vi.resetAllMocks();
+});

package/src/app/chat/features/Conversation/ChatList/Plugins/Render/utils/postMessage.ts

@@ -4,8 +4,19 @@ export const sendMessageContentToPlugin = (window: Window, props: any) => {
   window.postMessage({ props, type: PluginChannel.renderPlugin }, '*');
 };
 
-export const sendPayloadToPlugin = (window: Window, props: any) => {
-  window.postMessage({ props, type: PluginChannel.initStandalonePlugin }, '*');
+export const sendPayloadToPlugin = (
+  window: Window,
+  props: { payload: any; settings: any; state?: any },
+) => {
+  window.postMessage(
+    {
+      type: PluginChannel.initStandalonePlugin,
+      ...props,
+      // TODO: props need to deprecated
+      props: props.payload,
+    },
+    '*',
+  );
 };
 
 export const sendPluginStateToPlugin = (window: Window, key: string, value: any) => {

package/src/config/__tests__/server.test.ts

@@ -39,6 +39,12 @@ describe('getServerConfig', () => {
     expect(config.USE_AZURE_OPENAI).toBe(false);
   });
 
+  it('correctly handles values for OPENAI_FUNCTION_REGIONS', () => {
+    process.env.OPENAI_FUNCTION_REGIONS = 'iad1,sfo1';
+    const config = getServerConfig();
+    expect(config.OPENAI_FUNCTION_REGIONS).toStrictEqual(['iad1', 'sfo1']);
+  });
+
   it('returns default IMGUR_CLIENT_ID when no environment variable is set', () => {
     const config = getServerConfig();
     expect(config.IMGUR_CLIENT_ID).toBe('e415f320d6e24f9');

package/src/config/server.ts

@@ -27,11 +27,18 @@ export const getServerConfig = () => {
     throw new Error('[Server Config] you are importing a nodejs-only module outside of nodejs');
   }
 
+  // region format: iad1,sfo1
+  let regions: string[] = [];
+  if (process.env.OPENAI_FUNCTION_REGIONS) {
+    regions = process.env.OPENAI_FUNCTION_REGIONS.split(',');
+  }
+
   return {
     ACCESS_CODE: process.env.ACCESS_CODE,
 
     OPENAI_API_KEY: process.env.OPENAI_API_KEY,
     OPENAI_PROXY_URL: process.env.OPENAI_PROXY_URL,
+    OPENAI_FUNCTION_REGIONS: regions,
 
     AZURE_API_KEY: process.env.AZURE_API_KEY,
     AZURE_API_VERSION: process.env.AZURE_API_VERSION,