تحميل omniplex - تنزيل كود المصدر omniplex

omniplex

شفرة المصدر الأخرى

تنزيل

بطل

اومنيبلكس

الحيرة مفتوحة المصدر

موقع ويب · ديسكورد · رديت

؟ تحت التطوير النشط

ينصب تركيزنا على إنشاء الوظائف الأساسية والميزات الأساسية. وبينما نواصل تطوير Omniplex، فإننا ملتزمون بتنفيذ أفضل الممارسات وتحسين قاعدة التعليمات البرمجية وتقديم ميزات جديدة لتحسين تجربة المستخدم.

ابدأ

لتشغيل المشروع، قم بتعديل التعليمات البرمجية الموجودة في مكون الدردشة لاستخدام // Development Code .

شوكة واستنساخ المستودع

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

تثبيت التبعيات

yarn

املأ الأسرار في .env.local

BING_API_KEY=
OPENAI_API_KEY=

OPENWEATHERMAP_API_KEY=
ALPHA_VANTAGE_API_KEY=
FINNHUB_API_KEY=

قم بتشغيل خادم التطوير

yarn dev

افتح http://localhost:3000 في متصفحك لرؤية التطبيق.

تطوير الإضافات

هذه مجرد طريقة مخترقة ولكنها سهلة التنفيذ للغاية. سنضيف طريقة أكثر قوة لإضافة المكونات الإضافية في المستقبل. لا تتردد في فهم نموذج البرنامج المساعد الذي أضفناه.

قم بتحديث الأنواع الموجودة في types.ts لتشمل أنواع بيانات المكونات الإضافية الجديدة.
قم بتحديث واجهة برمجة tools في api لتضمين استدعاء وظيفة المكون الإضافي الجديد.
قم بتحديث api.ts في ملف utils لتضمين بيانات البرنامج المساعد الجديد.
قم بتحديث chatSlice.ts في store ليشمل مُخفض المكونات الإضافية الجديد.
قم بإنشاء مجلد جديد في دليل components لواجهة المستخدم الخاصة بالمكون الإضافي.
قم بتحديث chat.tsx للتعامل مع المكون الإضافي الجديد في useEffect .
استدعاء وظيفة البرنامج المساعد وإرجاع البيانات كدعائم إلى المصدر.
قم بتحديث source.ts لاستخدام واجهة مستخدم البرنامج المساعد.
أخيرًا قم بتحديث data.ts في utils لتظهر في علامة تبويب البرنامج المساعد.

دعم متعدد LLM: مثال

أضف LLM apiKey الجديد في env وأضف حزمة npm ذات الصلة.

ANTHROPIC_API_KEY= ******

قم بتحديث chat في api

 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 ) ;
}

قم بتحديث data في utils

 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" } ,
] ;

تنصل

لقد انتقلنا مؤخرًا من دليل الصفحات إلى دليل التطبيق، الأمر الذي تضمن تغييرات كبيرة في بنية المشروع وبنيته. ونتيجة لذلك، قد تواجه بعض التناقضات أو الحواف الخشنة في قاعدة التعليمات البرمجية.