extensionOS

Extensão | SO

? Capturas de tela

Selecione, clique com o botão direito e selecione a funcionalidade – é muito fácil!

Escolha o seu fornecedor favorito e selecione o modelo que mais lhe interessa.

Personalize sua aparência e libere sua criatividade com suas próprias instruções!

Mistura de Agentes (pré-lançamento) é

Ajude-me a aumentar esta extensão

Use meu código de afiliação ao se inscrever no VAPI: https://vapi.ai/?aff=extension-os

Começando

1. Clone a extensão ou baixe a versão mais recente.
2. Abra o navegador Chrome e navegue até chrome://extensions.
3. Ative o modo de desenvolvedor clicando no botão de alternância no canto superior direito da página.
4. Descompacte/descompacte o chrome-mv3-prod.zip
5. Clique no botão "Carregar descompactado" e selecione a pasta que você acabou de descompactar.
6. A página de opções é aberta automaticamente, insira suas chaves de API.

Características

• Prompt Factory : Adapte sem esforço cada prompt às suas necessidades com nossa instalação padrão.
• Fábrica de prompts : escolha a funcionalidade para cada prompt: desde copiar e colar até abrir uma nova barra lateral.
• Integração perfeita : acesse facilmente qualquer modelo LLM diretamente do seu site favorito.
• Armazenamento seguro : sua chave API é armazenada com segurança no armazenamento local do navegador, garantindo que nunca saia do seu dispositivo.
• [Beta] Mistura de Agentes : Experimente o inovador recurso Mistura de Agentes.

Por que

Na manhã de 27 de julho de 2024, comecei uma jornada emocionante ingressando no SF Hackathon x Build Club. Depois de meses refinando o conceito em minha mente, decidi que era hora de dar vida a ele. Trabalhei para aprimorar minha ideia, atualizando o que já havia criado e capacitando todos a liberarem sua criatividade com prompts personalizados.

Dados - Conscientização

Todos os seus dados são armazenados localmente no seu disco rígido.

MAC OSX

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

Host local

Para utilizar a opção localhost e realizar inferência LLM, você deve configurar um servidor Ollama local. Você pode baixar e instalar o Ollama junto com a CLI aqui.

Puxar imagem

Exemplo:

 ollama pull llama3.1

Iniciar servidor

Exemplo:

 OLLAMA_ORIGINS=chrome-extension://* ollama serve

Importante : você precisa configurar a variável de ambiente OLLAMA_ORIGINS como chrome-extension://* para permitir solicitações da extensão do Chrome. Se OLLAMA_ORIGINS não estiver configurado corretamente, você encontrará um erro na extensão do Chrome.

Segurança, o * em chrome-extension://* deve ser substituído pelo ID da extensão. Se você baixou a extensão | SO do Chrome, use chrome-extension://bahjnakiionbepnlbogdkojcehaeefnp

macOS

Execute launchctl setenv para definir OLLAMA_ORIGINS .

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

Configurando variáveis ​​de ambiente no Mac (Ollama)

Docker

O servidor Ollama também pode ser executado em um contêiner Docker. O contêiner deve ter a variável de ambiente OLLAMA_ORIGINS definida como chrome-extension://* .

Execute docker run com o sinalizador -e para definir a variável de ambiente OLLAMA_ORIGINS :

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

Lista de tarefas

Mova-o para outro lugar o mais rápido possível:

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

Urgente e Importante

• Registro em log : determine um local para armazenar arquivos de log.

Urgente, não importante

• Prompt Factory : Adicione a capacidade de criar prompts personalizados.
• Adicione a capacidade de conversar no navegador.
• Criptografia de chaves: elas são armazenadas localmente, porém sendo minha primeira extensão do Chrome, preciso pesquisar mais sobre como isso pode ser acessado.
• Teste Automatizado
• Investigue se o Playwright suporta testes de extensão do Chrome.
• Marcação/liberação automatizada
• Localidade

Importante, não urgente

• A UI do Prompt Factory não é intuitiva e o UX do botão "salvar tudo" é cr@p.
• A API da barra lateral não funciona depois que a API de armazenamento é chamada (a interação do usuário deve ser feita)
• Mova os arquivos para uma pasta /src para melhorar a organização.
• Organize estrategicamente a estrutura da base de código.
• Escolha um gerenciador de pacotes: npm, pnpm ou yarn.

Não é urgente, não é importante

• Workflow para atualizar os modelos automaticamente.
• Prompt Factory : Adicione a capacidade de criar fluxos de trabalho.
• Prompt Factory : Adicione a opção de selecionar qual LLM usar para cada prompt.
• Remova todos os comentários bobos, talvez um dia....

Vídeo do Youtube do Hackathon

Imagens de vídeo

• Olena do Pixabay

• NickyPe do Pixabay

Música

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

Vozes

• OnzeLabs

Agradecimentos especiais

• Construir Clube -> Organizador Hackaton
• Leonardo.ai -> Ícone gerado com o modelo fênix
• Canva -> As demais imagens não geradas com IA
• ShadCn -> Toda a IU?
• Plasmo -> A Estrutura
• Groq -> Créditos extras
• Ícones -> ícones8
• https://shadcnui-expansions.typeart.cc/

Registro de alterações

0.0.24

• Adicionando a capacidade de especificar um URL personalizado

0.0.23

• Adicionando o gancho de desinstalação para entender o que podemos melhorar.

0.0.22

• Corrigido o posicionamento X,Y em páginas como LinkedIn, Reddit e assim por diante.
• O declarativeNetRequest foi removido para melhorar o ciclo de vida da versão de acordo com os requisitos de autorização da Chrome Store. Ollama continua sendo totalmente suportado e instruções detalhadas de configuração podem ser encontradas no README.

0.0.21

• Alterei o GIF introdutório demonstrando como usar a Extensão | SO.
• PromptFactory: Implementada uma notificação para informar aos usuários que qualquer texto selecionado será automaticamente anexado ao final do prompt.
• Configurações: usando Switch vs CheckBoxes
• Implementado rastreamento anônimo opcional (desativado por padrão) para monitorar padrões de uso, incluindo os modelos e fornecedores usados ​​com mais frequência.

0.0.20

• SelectionMenu: Agora acessível também no Reddit! (Considere prefixar todas as classes do Tailwind para consistência)
• PromptSelector: Resolvidos todos os avisos do React para uma experiência mais tranquila
• Verificou que a pré-seleção funciona corretamente (graças ao teste E2E)

0.0.19

• Adicionadas mais instruções para ollama
• localhost: adiciona a capacidade de especificar o modelo por texto de entrada (vs caixa de seleção)
• Corrigido um bug useEffect

0.0.18

• SelectionMenu: Agora você pode optar por ativar/desativar
• SelectionMenu: Quando uma tecla é pressionada (por exemplo, backspace para remover ou CTRL/CMD + C para copiar) o menu desaparece automaticamente

0.0.17

• Desenvolvimento: Playwright integrado para testes e adicionado um conjunto de testes automatizados

0.0.16

• SelectionMenu: Corrigido um bug que fazia com que o menu desaparecesse inesperadamente após o evento onMouseUp, causando confusão em relação à seleção de itens para os usuários.
• SelectionMenu: Ajustou a lacuna visual para fornecer mais espaço ao usuário.
• UI: eliminou o estado conflitante de sucesso/carregamento para uma experiência de usuário mais clara.

0.0.15

• SelectionMenu: Refinado o mecanismo de disparo para melhorar a capacidade de resposta.
• SelectionMenu: Tamanho reduzido para um design mais compacto.
• SelectionMenu: atualiza automaticamente os itens imediatamente após o usuário atualizar os prompts.

0.0.14

• Problemas gramaticais corrigidos, graças a Luca.
• Introduziu um novo menu, cortesia de Denis.
• O novo menu atualmente não oferece suporte a chamadas telefônicas (recurso disponível em breve).

0.0.13

• UI aprimorada (as dicas de ferramentas agora são mais visíveis) graças a Juanjo (We Move Experience) e Agostina (PepperStudio)
• Prompt Factory: Utilizando AutoTextArea para exibição aprimorada de prompts
• Prompt Factory: ID removido para melhorar a experiência do usuário (usuários não técnicos)
• Sistema: divida o systemPrompt do userPrompt.
• UX: Pequenas melhorias e remoção de itens complicados

0.0.12 (Não divulgado ao público)

• Geral: Esgotamento do nível gratuito. Não temos um patrocinador (ainda) para apoiar os usuários da nossa comunidade.
• Google: Adicionada identidade, Identity.email para ativar o login automático usando suas credenciais do Google.

0.0.11 (Não divulgado ao público)

• Geral: Introduziu um nível GRATUITO para os usuários explorarem a Extensão | SO sem a necessidade de entender as chaves de API.
• Desenvolvimento: Implementou a chave pública CRX para manter um ID de extensão consistente nas reinstalações durante o desenvolvimento.
• Desenvolvimento: OAUTH integrado para autenticação do usuário ao acessar a camada FREE.
• Permissões: Adicionadas permissões de identidade para facilitar a recuperação da identidade do usuário.
• Showcase: Imagens atualizadas para melhor apresentação visual.
• Prompt de fábrica: Definir extensão | SO como modelo padrão, permitindo que os usuários utilizem a extensão sem conhecimento prévio da configuração da chave de API.

0.0.10

• Menu de contexto: Adicionada uma nova opção de clique com o botão direito para acesso contínuo às definições de configuração.
• Menu de contexto: melhorou o layout e a organização do menu de contexto para aprimorar a experiência do usuário.
• Prompt Factory: Introduziu uma planilha abrangente que detalha o contexto e a funcionalidade de cada recurso.
• Prompt Factory: Implementado um ícone clicável para indicar que a dica de ferramenta contém informações adicionais quando clicada.

0.0.9

• Correções de bugs
• Limpar base de código
• UX para a funcionalidade melhorada

0.0.8

• Removida uma dependência desnecessária para cumprir as diretrizes de publicação da Chrome Store.
• Introduziu um novo ícone.
• Implementado um estado de carregamento.
• Corrigido um problema em que a visibilidade do Reddit era interrompida.

0.0.7

• Adicionando modelos ausentes de Together.ai
• Adicionando modelos ausentes do groq
• Página Sobre atualizada
• MoA : Adicione a capacidade de usar um prompt personalizado.

0.0.6

• Pop-up: UI renovada
• Pop-up: Nova imagem e slogan da apresentação
• Opções: fontes unificadas
• Opções: pequenas atualizações da interface do usuário
• Conteúdo: Melhor tratamento de erros e UX (o usuário é redirecionado para a página de opções quando a chave da API está faltando)
• Correção para Together.ai (estava usando um modelo sem chat)

0,0,5

• Link de afiliação Vapi (ajude-me a manter esta extensão, inscreva-se com o link)
• Aprimoramentos do Vapi: os prompts agora oferecem suporte à seleção de um número de telefone específico para ligar.
• Melhorias no Vapi: os prompts agora podem incluir uma mensagem inicial personalizada para a conversa.
• Melhorias Vapi: Agora cada prompt pode ser personalizado usando o
• UI: Seção para configurações específicas

0.0.4

• Hotfix: declarativeNetRequest estava interceptando todas as solicitações de localhost.

0.0.3

• Adicionada proteção de branch do github.
• Alterou a estrutura de dados para obter uma forma mais clara e abstrata de chamar funções
• Função para limpar a estrutura de dados para se adaptar a chrome.contextMenus.CreateProperties
• use "side_" como hack para abrir a barra lateral. POR QUE: Sidebar.open não funciona depois que chamamos storage.get
• Permitindo alterar os prompts padrão
• chrome.runtime.openOptionsPage() abre apenas em ambiente de produção (onInstalled)
• UI aprimorada (alterada para tema escuro)
• Permitindo alterar a funcionalidade; O bug "side_" é irritante porque complica demais a base de código.

0.0.2

• Como instalar e começar a polir o repositório

0.0.1

• Confira o vídeo de demonstração

Pegadinhas

• Certifique-se de que open.sidePanel seja sempre inicializado antes do Plasmo Storage.
• Atualmente temos dois menus que funcionam de forma semelhante, mas não idênticas; precisamos implementar uma solução mais eficiente para consolidá-los em um só.
• O manipulador Plasmo pode parar de funcionar inesperadamente sem erros se uma resposta não for retornada; certifique-se de sempre retornar uma resposta para evitar esse problema.