extensionOS

Rallonge | Système d'exploitation

? Captures d'écran

Sélectionnez, cliquez avec le bouton droit et sélectionnez la fonctionnalité : c'est aussi simple que cela !

Choisissez votre fournisseur préféré et sélectionnez le modèle qui vous passionne le plus.

Personnalisez votre apparence et libérez votre créativité avec vos propres invites !

Mélange d'agents (préversion) s

Aidez-moi à développer cette extension

Utilisez mon code d'affiliation lors de votre inscription sur VAPI : https://vapi.ai/?aff=extension-os

Commencer

1. Clonez l'extension ou téléchargez la dernière version.
2. Ouvrez le navigateur Chrome et accédez à chrome://extensions.
3. Activez le mode développeur en cliquant sur le commutateur à bascule dans le coin supérieur droit de la page.
4. Décompressez/décompressez le chrome-mv3-prod.zip
5. Cliquez sur le bouton "Charger décompressé" et sélectionnez le dossier que vous venez de décompresser.
6. La page des options s'ouvre automatiquement, insérez vos clés API.

Caractéristiques

• Prompt Factory : adaptez sans effort chaque invite à vos besoins grâce à notre installation standard.
• Prompt Factory : choisissez la fonctionnalité pour chaque invite : du copier-coller à l'ouverture d'une nouvelle barre latérale.
• Intégration transparente : accédez sans effort à n'importe quel modèle LLM directement depuis votre site Web préféré.
• Stockage sécurisé : votre clé API est stockée en toute sécurité dans le stockage local du navigateur, garantissant qu'elle ne quitte jamais votre appareil.
• [Bêta] Mélange d'agents : découvrez la fonctionnalité innovante Mélange d'agents.

Pourquoi

Le matin du 27 juillet 2024, j'ai commencé un voyage passionnant en rejoignant le SF Hackathon x Build Club. Après des mois passés à peaufiner le concept dans mon esprit, j'ai décidé qu'il était temps de lui donner vie. J'ai travaillé à améliorer mon idée, à mettre à jour ce que j'avais déjà créé et à permettre à chacun de libérer sa créativité avec des invites personnalisées.

Données - Sensibilisation

Toutes vos données sont stockées localement sur votre disque dur.

MACOSX

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

Hôte local

Pour utiliser l'option localhost et effectuer une inférence LLM, vous devez configurer un serveur Ollama local. Vous pouvez télécharger et installer Ollama avec la CLI ici.

Extraire l'image

Exemple:

 ollama pull llama3.1

Démarrer le serveur

Exemple:

 OLLAMA_ORIGINS=chrome-extension://* ollama serve

Important : Vous devez configurer la variable d'environnement OLLAMA_ORIGINS sur chrome-extension://* pour autoriser les requêtes de l'extension Chrome. Si OLLAMA_ORIGINS n'est pas correctement configuré, vous rencontrerez une erreur dans l'extension Chrome.

Sécurité, le * dans chrome-extension://* doit être remplacé par l'identifiant de l'extension. Si vous avez téléchargé Extension | OS à partir de Chrome, veuillez utiliser chrome-extension://bahjnakiionbepnlbogdkojcehaeefnp

macOS

Exécutez launchctl setenv pour définir OLLAMA_ORIGINS .

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

Définition des variables d'environnement sur Mac (Ollama)

Docker

Le serveur Ollama peut également être exécuté dans un conteneur Docker. Le conteneur doit avoir la variable d'environnement OLLAMA_ORIGINS définie sur chrome-extension://* .

Exécutez docker run avec l'indicateur -e pour définir la variable d'environnement OLLAMA_ORIGINS :

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

Liste de tâches

Déplacez-le ailleurs dès que possible :

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

Urgent et important

• Journalisation : déterminez un emplacement pour stocker les fichiers journaux.

Urgent, pas important

• Prompt Factory : ajoutez la possibilité de créer des invites personnalisées.
• Ajoutez la possibilité de discuter dans le navigateur.
• Chiffrement des clés : elles sont stockées localement, étant néanmoins ma première extension Chrome, je dois faire des recherches supplémentaires sur la manière d'y accéder.
• Tests automatisés
• Vérifiez si Playwright prend en charge les tests d'extension Chrome.
• Marquage/libération automatisés
• Lieu

Important, pas urgent

• L'interface utilisateur de Prompt Factory n'est pas intuitive et le bouton "Enregistrer tout" UX est cr@p.
• L'API de la barre latérale ne fonctionne pas après l'appel de l'API de stockage (l'interaction utilisateur doit être effectuée)
• Déplacez les fichiers vers un dossier /src pour améliorer l'organisation.
• Organisez stratégiquement la structure de la base de code.
• Choisissez un gestionnaire de paquets : npm, pnpm ou Yarn.

Pas urgent, pas important

• Workflow pour mettre à jour les modèles automatiquement.
• Prompt Factory : ajoutez la possibilité de créer des flux de travail.
• Prompt Factory : ajoutez l'option permettant de sélectionner le LLM à utiliser pour chaque invite.
• Supprimez tous les commentaires idiots, peut-être un jour....

Vidéo Youtube du Hackathon

Images

• Olena de Pixabay

• NickyPe de Pixabay

Musique

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

Voix

• OnzeLabs

Remerciements spéciaux

• Build Club -> Organisateur Hackaton
• Leonardo.ai -> Icône générée avec le modèle Phoenix
• Canva -> Les autres images non générées avec l'IA
• ShadCn -> Toute l'interface utilisateur ?
• Plasmo -> Le cadre
• Groq -> Crédits supplémentaires
• Icônes -> icônes8
• https://shadcnui-expansions.typepart.cc/

Journal des modifications

0.0.24

• Ajout de la possibilité de spécifier une URL personnalisée

0.0.23

• Ajout du hook de désinstallation pour comprendre ce que nous pouvons améliorer.

0.0.22

• Correction du positionnement X, Y dans des pages comme LinkedIn, Reddit, etc.
• Le déclarativeNetRequest a été supprimé pour améliorer le cycle de vie des versions à la lumière des exigences d'autorisation du Chrome Store. Ollama continue d'être entièrement pris en charge et des instructions de configuration détaillées peuvent être trouvées dans le README.

0.0.21

• J'ai modifié le GIF d'introduction montrant comment utiliser l'extension | Système d'exploitation.
• PromptFactory : implémentation d'une notification pour informer les utilisateurs que tout texte sélectionné sera automatiquement ajouté à la fin de l'invite.
• Paramètres : utilisation de Switch vs CheckBoxes
• Implémentation d'un suivi anonyme facultatif (désactivé par défaut) pour surveiller les modèles d'utilisation, y compris les modèles et les fournisseurs les plus fréquemment utilisés.

0.0.20

• SelectionMenu : désormais également accessible sur Reddit ! (Envisagez de préfixer toutes les classes Tailwind pour plus de cohérence)
• PromptSelector : résolution de tous les avertissements React pour une expérience plus fluide
• Vérifié que la présélection fonctionne correctement (Grâce aux tests E2E)

0.0.19

• Ajout de plus d'instructions pour ollama
• localhost : ajout de la possibilité de spécifier le modèle en saisissant du texte (vs boîte de sélection)
• Correction d'un bug useEffect

0.0.18

• SelectionMenu : vous pouvez maintenant choisir d'activer/désactiver
• SelectionMenu : lorsqu'une touche est enfoncée (par exemple, retour arrière pour supprimer, ou CTRL/CMD + C pour copier), le menu disparaît automatiquement.

0.0.17

• Développement : Playwright intégré pour les tests et ajout d'une suite de tests automatisés

0.0.16

• SelectionMenu : Correction d'un bug qui provoquait la disparition inattendue du menu après l'événement onMouseUp, entraînant une confusion concernant la sélection d'éléments pour les utilisateurs.
• SelectionMenu : ajustement de l'espace visuel pour fournir plus d'espace à l'utilisateur.
• Interface utilisateur : suppression des conflits de réussite/état de chargement pour une expérience utilisateur plus claire.

0.0.15

• SelectionMenu : raffinement du mécanisme de déclenchement pour une meilleure réactivité.
• SelectionMenu : taille réduite pour un design plus compact.
• SelectionMenu : actualise automatiquement les éléments immédiatement après que l'utilisateur a mis à jour les invites.

0.0.14

• Correction de problèmes de grammaire, grâce à Luca.
• Introduction d'un nouveau menu, gracieuseté de Denis.
• Le nouveau menu ne prend actuellement pas en charge les appels téléphoniques (fonctionnalité à venir).

0.0.13

• Interface utilisateur améliorée (les info-bulles sont désormais plus visibles) grâce à Juanjo (We Move Experience) et Agostina (PepperStudio)
• Prompt Factory : Utilisation d'AutoTextArea pour un affichage amélioré des invites
• Prompt Factory : suppression de l'ID pour améliorer l'expérience utilisateur (utilisateurs non techniques)
• Système : divisez le systemPrompt du userPrompt.
• UX : petites améliorations et suppression des éléments compliqués

0.0.12 (Non rendu public)

• Général : épuisement du niveau gratuit. Nous n'avons pas (encore) de sponsor pour soutenir les utilisateurs de notre communauté.
• Google : ajout d'une identité, Identity.email pour activer la connexion automatique à l'aide de vos informations d'identification Google.

0.0.11 (Non rendu public)

• Général : introduction d'un niveau GRATUIT permettant aux utilisateurs d'explorer l'extension | OS sans avoir besoin de comprendre les clés API.
• Développement : implémentation de la clé publique CRX pour maintenir un ID d'extension cohérent lors des réinstallations pendant le développement.
• Développement : OAUTH intégré pour l'authentification des utilisateurs lors de l'accès au niveau GRATUIT.
• Autorisations : ajout d'autorisations d'identité pour faciliter la récupération de l'identité de l'utilisateur.
• Vitrine : images mises à jour pour une présentation visuelle améliorée.
• Usine d'invite : Définir l'extension | OS comme modèle par défaut, permettant aux utilisateurs d'utiliser l'extension sans connaissance préalable de la configuration de la clé API.

0.0.10

• Menu contextuel : ajout d'une nouvelle option de clic droit pour un accès transparent aux paramètres de configuration.
• Menu contextuel : amélioration de la présentation et de l'organisation du menu contextuel pour une expérience utilisateur améliorée.
• Prompt Factory : introduction d'une fiche complète qui détaille le contexte et les fonctionnalités de chaque fonctionnalité.
• Prompt Factory : implémentation d'une icône cliquable pour indiquer que l'info-bulle contient des informations supplémentaires lorsque vous cliquez dessus.

0.0.9

• Corrections de bugs
• Nettoyer la base de code
• UX pour la fonctionnalité améliorée

0.0.8

• Suppression d'une dépendance inutile pour se conformer aux directives de publication du Chrome Store.
• Introduction d'une nouvelle icône.
• Implémentation d'un état de chargement.
• Correction d'un problème où la visibilité de Reddit était interrompue.

0.0.7

• Ajout de modèles manquants depuis Together.ai
• Ajout de modèles manquants de groq
• Page À propos mise à jour
• MoA : ajout de la possibilité d'utiliser une invite personnalisée.

0.0.6

• Popup : interface utilisateur repensée
• Popup : Nouvelle image de présentation et nouveau slogan
• Options : Polices unifiées
• Options : mises à jour mineures de l'interface utilisateur
• Contenu : Meilleure gestion des erreurs et UX (l'utilisateur est redirigé vers la page d'options lorsque la clé API est manquante)
• Correction de Together.ai (il utilisait un modèle sans chat)

0,0,5

• Lien d'affiliation Vapi (aidez-moi à maintenir cette extension, inscrivez-vous avec le lien)
• Améliorations de Vapi : les invites prennent désormais en charge la sélection d'un numéro de téléphone spécifique à appeler.
• Améliorations de Vapi : les invites peuvent désormais inclure un message initial personnalisé pour la conversation.
• Améliorations de Vapi : chaque invite peut désormais être personnalisée à l'aide du
• UI : Section pour les configurations spécifiques

0.0.4

• Correctif : declarativeNetRequest interceptait chaque requête localhost.

0.0.3

• Ajout de la protection des branches Github.
• Modification de la structure des données pour obtenir une manière plus claire et plus abstraite d'appeler des fonctions
• Fonction pour nettoyer la structure de données pour l'adapter à chrome.contextMenus.CreateProperties
• utilisez "side_" comme hack pour ouvrir la barre latérale. POURQUOI : le fichier sidebar.open ne fonctionne pas après l'appel du fichier storage.get.
• Permettre de modifier les invites par défaut
• chrome.runtime.openOptionsPage() s'ouvre uniquement dans l'environnement de production (onInstalled)
• Interface utilisateur améliorée (passage au thème sombre)
• Permettant de changer la fonctionnalité ; Le bug "side_" est ennuyeux car il complique trop la base de code.

0.0.2

• Comment installer et commencer à peaufiner le référentiel

0.0.1

• Regardez la vidéo de démonstration

Des pièges

• Assurez-vous que open.sidePanel est toujours initialisé avant le Plasmo Storage.
• Nous disposons actuellement de deux menus qui fonctionnent de manière similaire mais pas identique ; nous devons mettre en œuvre une solution plus efficace pour les consolider en un seul.
• Le gestionnaire Plasmo peut cesser de fonctionner de manière inattendue sans erreur si aucune réponse n'est renvoyée ; assurez-vous de toujours renvoyer une réponse pour éviter ce problème.