omniplex

Omniplex

Open-Source-Ratlosigkeit

Website · Discord · Reddit

? Unter aktiver Entwicklung

Unser Fokus liegt auf der Etablierung von Kernfunktionen und wesentlichen Merkmalen. Während wir Omniplex weiterentwickeln, sind wir bestrebt, Best Practices zu implementieren, die Codebasis zu verfeinern und neue Funktionen einzuführen, um das Benutzererlebnis zu verbessern.

Fangen Sie an

Um das Projekt auszuführen, ändern Sie den Code in der Chat-Komponente, um den // Development Code zu verwenden.

1. Forken und klonen Sie das Repository

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

2. Installieren Sie die Abhängigkeiten

yarn

3. Füllen Sie Geheimnisse in .env.local aus

BING_API_KEY=
OPENAI_API_KEY=

OPENWEATHERMAP_API_KEY=
ALPHA_VANTAGE_API_KEY=
FINNHUB_API_KEY=

4. Führen Sie den Entwicklungsserver aus

yarn dev

5. Öffnen Sie http://localhost:3000 in Ihrem Browser, um die App anzuzeigen.

Plugins-Entwicklung

Dies ist zwar nur ein kniffliger Weg, aber sehr einfach zu implementieren. Wir werden in Zukunft eine robustere Möglichkeit zum Hinzufügen von Plugins hinzufügen. Fühlen Sie sich frei, das Beispiel-Plugin zu verstehen, das wir hinzugefügt haben.

1. Aktualisieren Sie die Typen in types.ts um die neuen Plugin-Datentypen einzuschließen.
2. Aktualisieren Sie die tools API in api um den neuen Plugin-Funktionsaufruf aufzunehmen.
3. Aktualisieren Sie die api.ts in der utils -Datei, um die neuen Plugin-Daten einzuschließen.
4. Aktualisieren Sie chatSlice.ts im store um den neuen Plugin-Reducer einzubinden.
5. Erstellen Sie im components einen neuen Ordner für die Benutzeroberfläche des Plugins.
6. Aktualisieren Sie chat.tsx , um das neue Plugin in useEffect zu verarbeiten.
7. Rufen Sie die Plugin-Funktion auf und geben Sie die Daten als Requisiten an die Quelle zurück.
8. Aktualisieren Sie die source.ts , um die Plugin-Benutzeroberfläche zu verwenden.
9. Aktualisieren Sie abschließend die data.ts in utils um sie auf der Registerkarte „Plugin“ anzuzeigen.

Multi-LLM-Unterstützung: Beispiel

1. Fügen Sie den neuen LLM-apiKey in env hinzu und fügen Sie das zugehörige npm-Paket hinzu.

ANTHROPIC_API_KEY= ******

2. Aktualisieren Sie den chat in 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 ) ;
}

3. Aktualisieren Sie die data in 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" } ,
] ; 

Haftungsausschluss

Wir sind kürzlich vom Seitenverzeichnis zum App-Verzeichnis übergegangen, was erhebliche Änderungen an der Projektstruktur und -architektur mit sich brachte. Infolgedessen kann es zu Inkonsistenzen oder Ecken und Kanten in der Codebasis kommen.

Roadmap

• Bilder und Videos für die Suche
• Für Vision Model hochladen
• Chat-Verlauf für Benutzer
• Geteilte Chats und Fork
• Einstellungen für LLMs
• Benutzerdefinierte OG-Metadaten
• Schnellere API-Anfragen
• Mehrere LLMs zulassen
• Plugin-Entwicklung
• Funktionsaufruf mit Gen UI

App-Architektur

• Sprache: TypeScript
• Frontend-Framework: Reagieren
• Staatsverwaltung: Redux
• Web-Framework: Next.js
• Backend und Datenbank: Firebase
• UI-Bibliothek: NextUI & Tremor
• CSS-Framework: TailwindCSS
• AI SDK: Vercel AI SDK

Dienstleistungen

• LLM: OpenAI
• Such-API: Bing
• Wetter-API: OpenWeatherMap
• Aktien-API: Alpha Vantage und Finnhub
• Wörterbuch-API: WordnikFree Wörterbuch-API
• Hosting und Analyse: Vercel
• Authentifizierung, Speicherung und Datenbank: Firebase

Mitwirken

Wir freuen uns über Beiträge aus der Community! Wenn Sie zu Openpanel beitragen möchten, befolgen Sie bitte diese Schritte:

1. Forken Sie das Repository
2. Erstellen Sie einen neuen Zweig für Ihre Funktion oder Fehlerbehebung
3. Nehmen Sie Ihre Änderungen vor und bestätigen Sie sie mit beschreibenden Nachrichten
4. Übertragen Sie Ihre Änderungen in Ihr geforktes Repository
5. Senden Sie eine Pull-Anfrage an das Haupt-Repository

Bitte stellen Sie sicher, dass Ihr Code unseren Codierungskonventionen entspricht und alle Tests besteht, bevor Sie eine Pull-Anfrage senden.

Lizenz

Dieses Projekt ist unter der AGPL-3.0-Lizenz lizenziert.

Kontakt

Wenn Sie Fragen oder Anregungen haben, können Sie sich gerne unter Kontakt an uns wenden.

Viel Spaß beim Codieren!