omniplex

奥姆普莱斯

开源困惑

网站 · Discord · Reddit

？正在积极开发中

我们的重点是建立核心功能和基本特征。随着我们继续开发 Omniplex，我们致力于实施最佳实践、完善代码库并引入新功能来增强用户体验。

开始使用

要运行该项目，请修改 Chat 组件中的代码以使用// Development Code 。

1. 分叉并克隆存储库

git clone [email protected]:[YOUR_GITHUB_ACCOUNT]/omniplex.git

2. 安装依赖项

yarn

3. 在.env.local中填写秘密

BING_API_KEY=
OPENAI_API_KEY=

OPENWEATHERMAP_API_KEY=
ALPHA_VANTAGE_API_KEY=
FINNHUB_API_KEY=

4. 运行开发服务器

yarn dev

5. 在浏览器中打开 http://localhost:3000 以查看该应用程序。

插件开发

这只是一种 hacky 方法，但很容易实现。将来我们将添加更强大的方式来添加插件。请随意从我们添加的示例插件中了解。

1. 更新types.ts中的类型以包含新的插件数据类型。
2. 更新api中的tools api 以包含新的插件函数调用。
3. 更新utils文件中的api.ts以包含新的插件数据。
4. 更新store中的chatSlice.ts以包含新的插件减速器。
5. 在components目录中为插件的 UI 创建一个新文件夹。
6. 更新chat.tsx以处理useEffect中的新插件。
7. 调用插件函数并将数据作为 props 返回到源。
8. 更新source.ts以使用插件 UI。
9. 最后更新utils中的data.ts以显示在插件选项卡中。

多法学硕士支持：示例

1. 在env中添加新的LLM apiKey并添加相关的npm包。

ANTHROPIC_API_KEY= ******

2. 更新api中的chat

 import Anthropic from "@anthropic-ai/sdk" ;
import { OpenAIStream , StreamingTextResponse } from "ai" ;

const anthropic = new Anthropic ( {
  apiKey : process . env . ANTHROPIC_API_KEY ,
} ) ;

export const runtime = "edge" ;

export async function POST ( req : Request ) {
  const {
    messages ,
    model ,
    temperature ,
    max_tokens ,
    top_p ,
    frequency_penalty ,
    presence_penalty ,
  } = await req . json ( ) ;

  const response = await anthropic . messages . create ( {
    stream : true ,
    model : model ,
    temperature : temperature ,
    max_tokens : max_tokens ,
    top_p : top_p ,
    frequency_penalty : frequency_penalty ,
    presence_penalty : presence_penalty ,
    messages : messages ,
  } ) ;

  const stream = OpenAIStream ( response ) ;
  return new StreamingTextResponse ( stream ) ;
}

3. 更新utils中的data

 export const MODELS = [
  { label : "Claude 3 Haiku" , value : "claude-3-haiku-20240307" } ,
  { label : "Claude 3 Sonnet" , value : "claude-3-sonnet-20240229" } ,
  { label : "Claude 3 Opus" , value : "claude-3-opus-20240229" } ,
] ; 

免责声明

我们最近从pages目录过渡到app目录，这涉及到项目结构和架构的重大变化。因此，您可能会在代码库中遇到一些不一致或粗糙的情况。

路线图

• 用于搜索的图像和视频
• 上传视觉模型
• 用户的聊天记录
• 共享聊天和分叉
• LLM 的设置
• 自定义 OG 元数据
• 更快的 API 请求
• 允许多个法学硕士
• 插件开发
• 使用 Gen UI 调用函数

应用架构

• 语言：打字稿
• 前端框架：React
• 状态管理：Redux
• 网络框架：Next.js
• 后端和数据库：Firebase
• UI 库：NextUI 和 Tremor
• CSS 框架：TailwindCSS
• AI SDK：Vercel AI SDK

服务

• 法学硕士：OpenAI
• 搜索API：必应
• 天气 API：OpenWeatherMap
• 股票 API：Alpha Vantage 和 Finnhub
• 词典 API：WordnikFree 词典 API
• 托管和分析：Vercel
• 身份验证、存储和数据库：Firebase

贡献

我们欢迎社区的贡献！如果您想为 Openpanel 做出贡献，请按照以下步骤操作：

1. 分叉存储库
2. 为您的功能或错误修复创建一个新分支
3. 进行更改并使用描述性消息提交它们
4. 将您的更改推送到分叉存储库
5. 向主存储库提交拉取请求

在提交拉取请求之前，请确保您的代码遵循我们的编码约定并通过所有测试。

执照

该项目根据 AGPL-3.0 许可证获得许可。

接触

如果您有任何疑问或建议，请随时通过联系方式与我们联系。

快乐编码！