omniplex

オムニプレックス

オープンソースの複雑さ

ウェブサイト · Discord · Reddit

?積極的に開発中

私たちは、コア機能と重要な機能を確立することに重点を置いています。 Omniplex の開発を続ける中で、私たちはベスト プラクティスの実装、コードベースの改良、ユーザー エクスペリエンスを向上させる新機能の導入に取り組んでいます。

始めましょう

プロジェクトを実行するには、 // 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 を開いてアプリを表示します。

プラグインの開発

これはハック的な方法ですが、実装は非常に簡単です。将来的には、プラグインを追加するためのより堅牢な方法を追加する予定です。追加したサンプルプラグインから理解してください。

1. 新しいプラグイン データ タイプを含めるように、 types.ts内のタイプを更新します。
2. apiのtools API を更新して、新しいプラグイン関数呼び出しを含めます。
3. utilsファイルのapi.ts更新して、新しいプラグイン データを含めます。
4. storeのchatSlice.ts更新して、新しいプラグイン リデューサーを含めます。
5. プラグインの UI 用にcomponentsディレクトリに新しいフォルダーを作成します。
6. useEffectで新しいプラグインを処理できるようにchat.tsxを更新します。
7. プラグイン関数を呼び出し、データを小道具としてソースに返します。
8. プラグイン UI を使用するように、 source.ts更新します。
9. 最後に、 utilsのdata.ts更新して、プラグイン タブに表示します。

マルチ LLM サポート: 例

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リクエストの高速化
• 複数の LLM を許可する
• プラグイン開発
• Gen UI を使用した関数呼び出し

アプリのアーキテクチャ

• 言語: TypeScript
• フロントエンドフレームワーク: React
• 状態管理: Redux
• Web フレームワーク: Next.js
• バックエンドとデータベース: Firebase
• UI ライブラリ: NextUI と Tremor
• CSS フレームワーク: TailwindCSS
• AI SDK: Vercel AI SDK

サービス

• LLM: OpenAI
• 検索 API: Bing
• 天気 API: OpenWeatherMap
• 株式 API: Alpha Vantage と Finnhub
• 辞書 API: WordnikFree 辞書 API
• ホスティングと分析: Vercel
• 認証、ストレージ、データベース: Firebase

貢献する

コミュニティからの貢献を歓迎します。 Openpanel に貢献したい場合は、次の手順に従ってください。

1. リポジトリをフォークする
2. 機能またはバグ修正用に新しいブランチを作成する
3. 変更を加え、説明メッセージを付けてコミットします。
4. フォークされたリポジトリに変更をプッシュします
5. メイン リポジトリにプル リクエストを送信する

プル リクエストを送信する前に、コードがコーディング規約に従っており、すべてのテストに合格していることを確認してください。

ライセンス

このプロジェクトは、AGPL-3.0 ライセンスに基づいてライセンスされています。

接触

ご質問やご提案がございましたら、お気軽にお問い合わせまでご連絡ください。

コーディングを楽しんでください!