extensionOS

Ampliación | SO

? Capturas de pantalla

Seleccione, haga clic derecho y seleccione la funcionalidad. ¡Es así de fácil!

Elige tu proveedor favorito y selecciona el modelo que más te entusiasme.

¡Personaliza tu apariencia y da rienda suelta a tu creatividad con tus propias indicaciones!

Mezcla de agentes (prelanzamiento) s

Ayúdame a hacer crecer esta extensión.

Utilice mi código de afiliación cuando se registre en VAPI: https://vapi.ai/?aff=extension-os

Empezando

1. Clona la extensión o descarga la última versión.
2. Abra el navegador Chrome y navegue hasta chrome://extensiones.
3. Habilite el modo de desarrollador haciendo clic en el interruptor de palanca en la esquina superior derecha de la página.
4. Desempaquetar/Descomprimir el chrome-mv3-prod.zip
5. Haga clic en el botón "Cargar descomprimido" y seleccione la carpeta que acaba de descomprimir.
6. La página de opciones se abre automáticamente, inserte sus claves API.

Características

• Prompt Factory : adapte sin esfuerzo cada mensaje a sus necesidades con nuestra instalación estándar.
• Fábrica de mensajes : elija la funcionalidad para cada mensaje: desde copiar y pegar hasta abrir una nueva barra lateral.
• Integración perfecta : acceda sin esfuerzo a cualquier modelo LLM directamente desde su sitio web favorito.
• Almacenamiento seguro : su clave API se almacena de forma segura en el almacenamiento local del navegador, lo que garantiza que nunca salga de su dispositivo.
• [Beta] Mezcla de agentes : experimente la innovadora función Mezcla de agentes.

Por qué

En la mañana del 27 de julio de 2024, comencé un viaje emocionante al unirme al SF Hackathon x Build Club. Después de meses de refinar el concepto en mi mente, decidí que era hora de darle vida. Trabajé para mejorar mi idea, actualizar lo que ya había creado y permitir que todos dieran rienda suelta a su creatividad con indicaciones personalizadas.

Datos - Concientización

Todos sus datos se almacenan localmente en su disco duro.

MACOSX

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

servidor local

Para utilizar la opción localhost y realizar la inferencia LLM, debe configurar un servidor Ollama local. Puede descargar e instalar Ollama junto con la CLI aquí.

Extraer imagen

Ejemplo:

 ollama pull llama3.1

Iniciar servidor

Ejemplo:

 OLLAMA_ORIGINS=chrome-extension://* ollama serve

Importante : debe configurar la variable de entorno OLLAMA_ORIGINS en chrome-extension://* para permitir solicitudes desde la extensión de Chrome. Si OLLAMA_ORIGINS no está configurado correctamente, encontrará un error en la extensión de Chrome.

Seguridad, el * en chrome-extension://* debe reemplazarse con la identificación de la extensión. Si ha descargado la Extensión | Sistema operativo de Chrome, utilice chrome-extension://bahjnakiionbepnlbogdkojcehaeefnp

macos

Ejecute launchctl setenv para configurar OLLAMA_ORIGINS .

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

Configuración de variables de entorno en Mac (Ollama)

Estibador

El servidor Ollama también se puede ejecutar en un contenedor Docker. El contenedor debe tener la variable de entorno OLLAMA_ORIGINS configurada en chrome-extension://* .

Ejecute docker run con el indicador -e para configurar la variable de entorno OLLAMA_ORIGINS :

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

Lista de tareas pendientes

Muévalo a otro lugar lo antes posible:

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

Urgente e importante

• Registro : determine una ubicación para almacenar los archivos de registro.

Urgente, no importante

• Fábrica de avisos : agregue la capacidad de crear avisos personalizados.
• Agregue la posibilidad de chatear dentro del navegador.
• Cifrado de claves: se almacenan localmente; sin embargo, al ser mi primera extensión de Chrome, necesito investigar más sobre cómo se puede acceder a ella.
• Pruebas automatizadas
• Investigue si Playwright admite pruebas de extensiones de Chrome.
• Etiquetado/liberación automatizada
• Lugar

Importante, no urgente

• La interfaz de usuario de Prompt Factory no es intuitiva y la experiencia de usuario del botón "guardar todo" es cr@p.
• La API de la barra lateral no funciona después de llamar a la API de almacenamiento (se debe realizar la interacción del usuario)
• Mueva archivos a una carpeta /src para mejorar la organización.
• Organizar estratégicamente la estructura del código base.
• Elija un administrador de paquetes: npm, pnpm o hilo.

Ni urgente ni importante

• Flujo de trabajo para actualizar los modelos automáticamente.
• Prompt Factory : agregue la capacidad de crear flujos de trabajo.
• Fábrica de mensajes : agregue la opción para seleccionar qué LLM usar para cada mensaje.
• Elimina todos los comentarios tontos, tal vez algún día....

Vídeo de Youtube del Hackathon

Imágenes

• Olena de Pixabay

• NickyPe de Pixabay

Música

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

Voces

• ElevenLabs

agradecimiento especial

• Construir Club -> Organizador Hackaton
• Leonardo.ai -> Icono generado con el modelo fénix
• Canva -> Las otras imágenes no generadas con IA
• ShadCn -> ¿Toda la interfaz de usuario?
• Plasmo -> El marco
• Groq -> Créditos extra
• Iconos -> iconos8
• https://shadcnui-expansions.typeart.cc/

Registro de cambios

0.0.24

• Agregar la capacidad de especificar una URL personalizada

0.0.23

• Agregar el gancho de desinstalación para comprender qué podemos mejorar.

0.0.22

• Se corrigió el posicionamiento X,Y en páginas como LinkedIn, Reddit, etc.
• Se eliminó declarativeNetRequest para mejorar el ciclo de vida de la versión a la luz de los requisitos de autorización de Chrome Store. Ollama sigue siendo totalmente compatible y se pueden encontrar instrucciones de configuración detalladas en el archivo README.

0.0.21

• Cambió el GIF introductorio que demuestra cómo usar la Extensión | SO.
• PromptFactory: se implementó una notificación para informar a los usuarios que cualquier texto seleccionado se agregará automáticamente al final del mensaje.
• Configuración: uso de Switch frente a casillas de verificación
• Se implementó un seguimiento anónimo opcional (deshabilitado de forma predeterminada) para monitorear los patrones de uso, incluidos los modelos y proveedores más utilizados.

0.0.20

• SelectionMenu: ¡Ahora también disponible en Reddit! (Considere anteponer todas las clases de Tailwind para mantener la coherencia)
• PromptSelector: se resolvieron todas las advertencias de React para una experiencia más fluida
• Verificado que la preselección funciona correctamente (Gracias a las pruebas E2E)

0.0.19

• Se agregaron más instrucciones para ollama.
• localhost: agregue la capacidad de especificar el modelo mediante texto de entrada (frente al cuadro de selección)
• Se corrigió un error de uso de efectos.

0.0.18

• Menú de selección: ahora puede elegir habilitar/deshabilitar
• Menú de selección: cuando se presiona una tecla (por ejemplo, retroceso para eliminar o CTRL/CMD + C para copiar), el menú desaparece automáticamente.

0.0.17

• Desarrollo: Dramaturgo integrado para pruebas y agregado de un conjunto de pruebas automatizadas

0.0.16

• SelectionMenu: se corrigió un error que causaba que el menú desapareciera inesperadamente después del evento onMouseUp, generando confusión con respecto a la selección de elementos para los usuarios.
• Menú de selección: se ajustó la brecha visual para brindar más espacio al usuario.
• Interfaz de usuario: se eliminó el estado conflictivo de éxito/carga para una experiencia de usuario más clara.

0.0.15

• Menú de selección: se perfeccionó el mecanismo de activación para mejorar la capacidad de respuesta.
• Menú de selección: Reducido el tamaño para un diseño más compacto.
• SelectionMenu: actualiza automáticamente los elementos inmediatamente después de que el usuario actualiza las indicaciones.

0.0.14

• Se solucionaron problemas gramaticales, gracias a Luca.
• Presentó un nuevo menú, cortesía de Denis.
• El nuevo menú actualmente no admite llamadas telefónicas (función próximamente).

0.0.13

• UI mejorada (la información sobre herramientas ahora es más visible) gracias a Juanjo (We Move Experience) y Agostina (PepperStudio)
• Prompt Factory: uso de AutoTextArea para mejorar la visualización de mensajes
• Prompt Factory: se eliminó la identificación para mejorar la experiencia del usuario (usuarios sin tecnología)
• Sistema: divida el mensaje del sistema del mensaje del usuario.
• UX: pequeñas mejoras y eliminación de elementos complicados.

0.0.12 (No publicado al público)

• General: agotamiento del nivel gratuito. No tenemos un patrocinador (todavía) para apoyar a los usuarios de nuestra comunidad.
• Google: Se agregó identidad, identidad.correo electrónico para habilitar el inicio de sesión automático con sus credenciales de Google.

0.0.11 (No publicado al público)

• General: se introdujo un nivel GRATUITO para que los usuarios exploren la Extensión | SO sin necesidad de comprender las claves API.
• Desarrollo: Implementó la clave pública CRX para mantener una ID de extensión consistente en todas las reinstalaciones durante el desarrollo.
• Desarrollo: OAUTH integrado para autenticación de usuarios al acceder al nivel FREE.
• Permisos: permisos de identidad agregados para facilitar la recuperación de la identidad del usuario.
• Escaparate: Imágenes actualizadas para una presentación visual mejorada.
• Fábrica de mensajes: Establecer extensión | OS como modelo predeterminado, lo que permite a los usuarios utilizar la extensión sin conocimientos previos de la configuración de la clave API.

0.0.10

• Menú contextual: se agregó una nueva opción de clic derecho para acceder sin problemas a los ajustes de configuración.
• Menú contextual: se mejoró el diseño y la organización del menú contextual para mejorar la experiencia del usuario.
• Prompt Factory: Se presentó una hoja completa que detalla el contexto y la funcionalidad de cada característica.
• Prompt Factory: se implementó un ícono en el que se puede hacer clic para indicar que la información sobre herramientas contiene información adicional cuando se hace clic.

0.0.9

• Corrección de errores
• Limpiar la base del código
• UX para la funcionalidad mejorada.

0.0.8

• Se eliminó una dependencia innecesaria para cumplir con las pautas de publicación de Chrome Store.
• Se introdujo un nuevo icono.
• Implementado un estado de carga.
• Se solucionó un problema por el cual la visibilidad de Reddit estaba rota.

0.0.7

• Agregar modelos faltantes de together.ai
• Agregar modelos faltantes de groq
• Página Acerca de actualizada
• MoA : agregue la capacidad de utilizar un mensaje personalizado.

0.0.6

• Ventana emergente: UI renovada
• Ventana emergente: Nueva imagen de presentación y eslogan
• Opciones: fuentes unificadas
• Opciones: actualizaciones menores de la interfaz de usuario
• Contenido: mejor manejo de errores y UX (el usuario es redirigido a la página de opciones cuando falta la clave API)
• Solución para together.ai (utilizaba un modelo sin chat)

0.0.5

• Enlace de afiliación de Vapi (ayúdame a mantener esta extensión, regístrate con el enlace)
• Mejoras de Vapi: las indicaciones ahora permiten seleccionar un número de teléfono específico al que llamar.
• Mejoras de Vapi: las indicaciones ahora pueden incluir un mensaje inicial personalizado para la conversación.
• Mejoras de Vapi: ahora cada mensaje se puede personalizar usando el
• UI: Sección para configuraciones específicas

0.0.4

• Revisión: declarativeNetRequest estaba interceptando todas las solicitudes de localhost.

0.0.3

• Se agregó protección de rama de github.
• Se cambió la estructura de datos para lograr una forma más clara y abstracta de llamar funciones.
• Función para limpiar la estructura de datos para adaptarla a chrome.contextMenus.CreateProperties
• use "side_" como truco para abrir la barra lateral. POR QUÉ: Sidebar.open no funciona después de llamar a Storage.get
• Permitir cambiar las indicaciones predeterminadas
• chrome.runtime.openOptionsPage() se abre solo en el entorno de producción (onInstalled)
• UI mejorada (cambiada a tema oscuro)
• Permitir cambiar la funcionalidad; El error "side_" es molesto porque complica demasiado el código base.

0.0.2

• Cómo instalar y empezar a pulir el repositorio

0.0.1

• Mira el vídeo de demostración

Problemas

• Asegúrese de que open.sidePanel siempre se inicialice antes que Plasmo Storage.
• Actualmente contamos con dos menús que funcionan de manera similar pero no idéntica; Necesitamos implementar una solución más eficiente para consolidarlos en uno solo.
• El controlador Plasmo puede dejar de funcionar inesperadamente sin errores si no se devuelve una respuesta; asegúrese de devolver siempre una respuesta para evitar este problema.