extensionOS

Erweiterung | Betriebssystem

? Screenshots

Auswählen, mit der rechten Maustaste klicken und die Funktionalität auswählen – so einfach ist das!

Suchen Sie sich Ihren Lieblingsanbieter aus und entscheiden Sie sich für das Modell, das Sie am meisten begeistert.

Passen Sie Ihr Erscheinungsbild individuell an und lassen Sie Ihrer Kreativität mit Ihren eigenen Eingabeaufforderungen freien Lauf!

Mixture of Agents (Vorabversion) S

Helfen Sie mir, diese Erweiterung zu erweitern

Verwenden Sie meinen Affiliate-Code, wenn Sie sich bei VAPI anmelden: https://vapi.ai/?aff=extension-os

Erste Schritte

1. Klonen Sie die Erweiterung oder laden Sie die neueste Version herunter.
2. Öffnen Sie den Chrome-Browser und navigieren Sie zu chrome://extensions.
3. Aktivieren Sie den Entwicklermodus, indem Sie auf den Kippschalter in der oberen rechten Ecke der Seite klicken.
4. Entpacken/entpacken Sie die chrome-mv3-prod.zip
5. Klicken Sie auf die Schaltfläche „Entpackt laden“ und wählen Sie den Ordner aus, den Sie gerade entpackt haben.
6. Die Optionsseite wird automatisch geöffnet. Geben Sie Ihre API-Schlüssel ein.

Merkmale

• Prompt Factory : Passen Sie jede Eingabeaufforderung mit unserer Standardinstallation mühelos an Ihre Bedürfnisse an.
• Prompt Factory : Wählen Sie die Funktionalität für jede Eingabeaufforderung: vom Kopieren und Einfügen bis zum Öffnen einer neuen Seitenleiste.
• Nahtlose Integration : Greifen Sie mühelos direkt von Ihrer Lieblingswebsite auf jedes LLM-Modell zu.
• Sichere Speicherung : Ihr API-Schlüssel wird sicher im lokalen Speicher des Browsers gespeichert, sodass er Ihr Gerät nie verlässt.
• [Beta] Mixture of Agents : Erleben Sie die innovative Mixture Of Agents-Funktion.

Warum

Am Morgen des 27. Juli 2024 begann für mich eine aufregende Reise, indem ich dem SF Hackathon x Build Club beitrat. Nachdem ich das Konzept monatelang in meinem Kopf verfeinert hatte, beschloss ich, dass es an der Zeit war, es zum Leben zu erwecken. Ich arbeitete daran, meine Idee zu verbessern, das, was ich bereits erstellt hatte, zu aktualisieren und jedem mit individuellen Aufforderungen die Möglichkeit zu geben, seiner Kreativität freien Lauf zu lassen.

Daten – Bewusstsein

Alle Ihre Daten werden lokal auf Ihrer Festplatte gespeichert.

MAC OSX

/Users/<your-username>/Library/Application Support/Google/Chrome/Default/Sync Extension Settings/

Localhost

Um die Option „localhost“ zu nutzen und LLM-Inferenz durchzuführen, müssen Sie einen lokalen Ollama-Server einrichten. Sie können Ollama zusammen mit der CLI hier herunterladen und installieren.

Bild ziehen

Beispiel:

 ollama pull llama3.1

Starten Sie den Server

Beispiel:

 OLLAMA_ORIGINS=chrome-extension://* ollama serve

Wichtig : Sie müssen die Umgebungsvariable OLLAMA_ORIGINS auf chrome-extension://* konfigurieren, um Anfragen von der Chrome-Erweiterung zuzulassen. Wenn OLLAMA_ORIGINS nicht korrekt konfiguriert ist, tritt in der Chrome-Erweiterung ein Fehler auf.

Aus Sicherheitsgründen sollte das * in chrome-extension://* durch die Erweiterungs-ID ersetzt werden. Wenn Sie Extension | heruntergeladen haben Betriebssystem von Chrome, bitte verwenden Sie chrome-extension://bahjnakiionbepnlbogdkojcehaeefnp

macOS

Führen Sie launchctl setenv aus, um OLLAMA_ORIGINS festzulegen.

 launchctl setenv OLLAMA_ORIGINS "chrome-extension://bahjnakiionbepnlbogdkojcehaeefnp"

Umgebungsvariablen auf dem Mac festlegen (Ollama)

Docker

Der Ollama-Server kann auch in einem Docker-Container ausgeführt werden. Für den Container sollte die Umgebungsvariable OLLAMA_ORIGINS auf chrome-extension://* gesetzt sein.

Führen Sie docker run mit dem Flag -e aus, um die Umgebungsvariable OLLAMA_ORIGINS festzulegen:

 docker run -e OLLAMA_ORIGINS="chrome-extension://bahjnakiionbepnlbogdkojcehaeefnp" -d -v ollama:/root/.ollama -p 11434:11434 --name ollama ollama/ollama

To-Do-Liste

Verschieben Sie es so schnell wie möglich woanders:

• https://github.com/rowyio/roadmap?tab=readme-ov-file#step-1-setup-backend-template
• https://canny.io
• https://sleekplan.com/

Dringend und wichtig

• Protokollierung : Bestimmen Sie einen Speicherort für die Protokolldateien.

Dringend, nicht wichtig

• Prompt Factory : Fügen Sie die Möglichkeit hinzu, benutzerdefinierte Eingabeaufforderungen zu erstellen.
• Fügen Sie die Möglichkeit hinzu, im Browser zu chatten.
• Verschlüsselung von Schlüsseln: Sie werden lokal gespeichert. Da es sich jedoch um meine erste Chrome-Erweiterung handelt, muss ich mehr darüber recherchieren, wie darauf zugegriffen werden kann.
• Automatisierte Tests
• Untersuchen Sie, ob Playwright das Testen von Chrome-Erweiterungen unterstützt.
• Automatisiertes Tagging/Freigabe
• Gebietsschema

Wichtig, nicht dringend

• Die Benutzeroberfläche der Prompt Factory ist nicht intuitiv und die Benutzeroberfläche der Schaltfläche „Alle speichern“ ist cr@p.
• Die Seitenleisten-API funktioniert nicht, nachdem die Speicher-API aufgerufen wurde (Benutzerinteraktion muss durchgeführt werden)
• Verschieben Sie Dateien in einen Ordner /src , um die Organisation zu verbessern.
• Organisieren Sie die Codebasisstruktur strategisch.
• Entscheiden Sie sich für einen Paketmanager: npm, pnpm oder Yarn.

Nicht dringend, nicht wichtig

• Workflow zur automatischen Aktualisierung der Modelle.
• Prompt Factory : Fügen Sie die Möglichkeit hinzu, Workflows zu erstellen.
• Prompt Factory : Fügen Sie die Option hinzu, um auszuwählen, welches LLM für jede Eingabeaufforderung verwendet werden soll.
• Entfernen Sie alle dummen Kommentare, vielleicht eines Tages ...

Youtube-Video vom Hackathon

Filmmaterial

• Olena von Pixabay

• NickyPe von Pixabay

Musik

• https://suno.com/song/f14541af-c853-4c22-b0b7-9000194fc9c6

Stimmen

• ElfLabs

Besonderer Dank

• Club aufbauen -> Hackaton-Organisator
• Leonardo.ai -> Mit dem Phoenix-Modell generiertes Symbol
• Canva -> Die anderen Bilder wurden nicht mit KI generiert
• ShadCn -> Die gesamte Benutzeroberfläche?
• Plasmo -> Das Framework
• Groq -> Zusätzliche Credits
• Symbole -> Symbole8
• https://shadcnui-expansions.typeart.cc/

Änderungsprotokoll

0,0,24

• Möglichkeit zur Angabe einer benutzerdefinierten URL hinzugefügt

0,0,23

• Hinzufügen des Deinstallations-Hooks, um zu verstehen, was wir verbessern können.

0,0,22

• Die X- und Y-Positionierung auf Seiten wie LinkedIn, Reddit usw. wurde korrigiert.
• Die declarativeNetRequest wurde entfernt, um den Release-Lebenszyklus im Hinblick auf die Autorisierungsanforderungen des Chrome Store zu verbessern. Ollama wird weiterhin vollständig unterstützt und detaillierte Konfigurationsanweisungen finden Sie in der README-Datei.

0,0,21

• Das Einführungs-GIF, das die Verwendung der Erweiterung demonstriert, wurde geändert | Betriebssystem.
• PromptFactory: Es wurde eine Benachrichtigung implementiert, um Benutzer darüber zu informieren, dass der ausgewählte Text automatisch an das Ende der Eingabeaufforderung angehängt wird.
• Einstellungen: Verwenden von Switch vs. CheckBoxes
• Optionales (standardmäßig deaktiviertes) anonymes Tracking implementiert, um Nutzungsmuster zu überwachen, einschließlich der am häufigsten verwendeten Modelle und Anbieter.

0,0,20

• SelectionMenu: Jetzt auch auf Reddit verfügbar! (Erwägen Sie aus Gründen der Konsistenz, allen Tailwind-Klassen ein Präfix voranzustellen.)
• PromptSelector: Alle React-Warnungen wurden für ein reibungsloseres Erlebnis behoben
• Verifiziert, dass die Vorauswahl korrekt funktioniert (dank E2E-Tests)

0,0,19

• Weitere Anweisungen für Ollama hinzugefügt
• localhost: Fügen Sie die Möglichkeit hinzu, das Modell durch Eingabetext (im Vergleich zum Auswahlfeld) anzugeben.
• Ein useEffect-Fehler wurde behoben

0,0,18

• Auswahlmenü: Jetzt können Sie wählen, ob Sie es aktivieren/deaktivieren möchten
• SelectionMenu: Wenn eine Taste gedrückt wird (z. B. Rücktaste zum Entfernen oder STRG/CMD + C zum Kopieren), verschwindet das Menü automatisch

0,0,17

• Entwicklung: Playwright zum Testen integriert und eine Reihe automatisierter Tests hinzugefügt

0,0,16

• SelectionMenu: Es wurde ein Fehler behoben, der dazu führte, dass das Menü nach dem onMouseUp-Ereignis unerwartet verschwand, was zu Verwirrung bei der Elementauswahl für Benutzer führte.
• SelectionMenu: Die visuelle Lücke wurde angepasst, um dem Benutzer mehr Platz zu bieten.
• Benutzeroberfläche: Der widersprüchliche Erfolgs-/Ladestatus wurde für eine klarere Benutzererfahrung entfernt.

0,0,15

• SelectionMenu: Der Auslösemechanismus wurde verfeinert, um die Reaktionsfähigkeit zu verbessern.
• SelectionMenu: Die Größe wurde für ein kompakteres Design reduziert.
• SelectionMenu: Aktualisiert Elemente automatisch, unmittelbar nachdem der Benutzer die Eingabeaufforderungen aktualisiert.

0,0,14

• Dank Luca wurden Grammatikprobleme behoben.
• Mit freundlicher Genehmigung von Denis wurde eine neue Speisekarte eingeführt.
• Das neue Menü unterstützt derzeit keine Telefonanrufe (Funktion folgt in Kürze).

0,0,13

• Verbesserte Benutzeroberfläche (Tooltips sind jetzt besser sichtbar) dank Juanjo (We Move Experience) und Agostina (PepperStudio)
• Prompt Factory: Verwendung von AutoTextArea für eine verbesserte Anzeige von Eingabeaufforderungen
• Prompt Factory: Die ID wurde entfernt, um die Benutzererfahrung zu verbessern (Benutzer ohne technische Kenntnisse).
• System: Trennen Sie die systemPrompt von der userPrompt.
• UX: Kleine Verbesserungen und die Entfernung komplizierter Elemente

0.0.12 (Nicht für die Öffentlichkeit freigegeben)

• Allgemein: Erschöpfung des kostenlosen Kontingents. Wir haben (noch) keinen Sponsor, der unsere Community-Benutzer unterstützt.
• Google: Identität, Identity.email hinzugefügt, um die automatische Anmeldung mit Ihren Google-Anmeldeinformationen zu ermöglichen.

0.0.11 (Nicht für die Öffentlichkeit freigegeben)

• Allgemein: Einführung einer KOSTENLOSEN Stufe für Benutzer zum Erkunden der Erweiterung | Betriebssystem, ohne API-Schlüssel verstehen zu müssen.
• Entwicklung: Der öffentliche CRX-Schlüssel wurde implementiert, um bei Neuinstallationen während der Entwicklung eine konsistente Erweiterungs-ID aufrechtzuerhalten.
• Entwicklung: Integriertes OAUTH zur Benutzerauthentifizierung beim Zugriff auf die KOSTENLOSE Stufe.
• Berechtigungen: Identitätsberechtigungen hinzugefügt, um das Abrufen der Benutzeridentität zu erleichtern.
• Showcase: Aktualisierte Bilder für eine verbesserte visuelle Präsentation.
• Prompt Factory: Erweiterung festlegen | Betriebssystem als Standardmodell, sodass Benutzer die Erweiterung ohne Vorkenntnisse über die Einrichtung des API-Schlüssels nutzen können.

0,0,10

• Kontextmenü: Neue Rechtsklick-Option für nahtlosen Zugriff auf Konfigurationseinstellungen hinzugefügt.
• Kontextmenü: Das Layout und die Organisation des Kontextmenüs wurden verbessert, um die Benutzererfahrung zu verbessern.
• Prompt Factory: Einführung eines umfassenden Blattes, das den Kontext und die Funktionalität der einzelnen Funktionen detailliert beschreibt.
• Prompt Factory: Ein anklickbares Symbol wurde implementiert, um anzuzeigen, dass der Tooltip beim Klicken zusätzliche Informationen enthält.

0,0,9

• Fehlerbehebungen
• Codebasis bereinigen
• UX für die Funktionalität verbessert

0,0,8

• Eine unnötige Abhängigkeit wurde entfernt, um den Veröffentlichungsrichtlinien des Chrome Store zu entsprechen.
• Ein neues Symbol eingeführt.
• Ladezustand implementiert.
• Es wurde ein Problem behoben, bei dem die Reddit-Sichtbarkeit beeinträchtigt war.

0,0,7

• Fehlende Modelle aus Together.ai hinzufügen
• Fehlende Modelle aus groq hinzufügen
• Aktualisierte Info-Seite
• MoA : Fügen Sie die Möglichkeit hinzu, eine benutzerdefinierte Eingabeaufforderung zu verwenden.

0,0,6

• Popup: Benutzeroberfläche überarbeitet
• Popup: Neues Präsentationsbild und Slogan
• Optionen: Einheitliche Schriftarten
• Optionen: Kleinere UI-Updates
• Inhalt: Bessere Fehlerbehandlung und UX (Benutzer werden auf die Optionsseite weitergeleitet, wenn der API-Schlüssel fehlt)
• Fix für Together.ai (es wurde ein Nicht-Chat-Modell verwendet)

0,0,5

• Vapi-Zugehörigkeitslink (hilf mir, diese Erweiterung zu pflegen, melde dich mit dem Link an)
• Vapi-Verbesserungen: Eingabeaufforderungen unterstützen jetzt die Auswahl einer bestimmten Telefonnummer zum Anrufen.
• Vapi-Verbesserungen: Eingabeaufforderungen können jetzt eine benutzerdefinierte Anfangsnachricht für die Konversation enthalten.
• Vapi-Verbesserungen: Jetzt kann jede Eingabeaufforderung mithilfe des angepasst werden
• Benutzeroberfläche: Abschnitt für spezifische Konfigurationen

0,0,4

• Hotfix: declarativeNetRequest hat jede Localhost-Anfrage abgefangen.

0,0,3

• Github-Zweigschutz hinzugefügt.
• Die Datenstruktur wurde geändert, um eine klarere und abstraktere Möglichkeit zum Aufrufen von Funktionen zu erreichen
• Funktion zum Bereinigen der Datenstruktur zur Anpassung an chrome.contextMenus.CreateProperties
• Verwenden Sie „side_“ als Hack, um die Seitenleiste zu öffnen. WARUM: Sidebar.open funktioniert nicht, nachdem wir storage.get aufgerufen haben
• Ermöglicht das Ändern der Standardansagen
• chrome.runtime.openOptionsPage() wird nur in der Produktionsumgebung geöffnet (onInstalled)
• Verbesserte Benutzeroberfläche (auf dunkles Design umgestellt)
• Ermöglichen, die Funktionalität zu ändern; Der „side_“-Bug ist ärgerlich, da er die Codebasis übermäßig verkompliziert.

0,0,2

• So installieren Sie das Repository und beginnen mit dem Polieren

0.0.1

• Schauen Sie sich das Demovideo an

Fallstricke

• Stellen Sie sicher, dass das open.sidePanel immer vor dem Plasmo Storage initialisiert wird.
• Wir haben derzeit zwei Menüs, die ähnlich, aber nicht identisch funktionieren; Wir müssen eine effizientere Lösung implementieren, um sie zu einer einzigen zu konsolidieren.
• Der Plasmo-Handler funktioniert möglicherweise unerwartet ohne Fehler nicht mehr, wenn keine Antwort zurückgegeben wird. Stellen Sie sicher, dass Sie immer eine Antwort zurückgeben, um dieses Problem zu vermeiden.