Funciona usando a API de conclusão de bate-papo OpenAI (por exemplo, gpt-3.5-turbo, gpt-4, etc.). Você precisará ter acesso (pago) a esta API.
Usar gpt-4 através da API é muito mais rápido que usar ChatGPT plus e não possui limites de mensagens.
Todos os chats são mantidos em localStorage, portanto você não poderá acessá-los de nenhum outro navegador ou dispositivo, a menos que use a funcionalidade de exportação/importação.
Isto é concebido como um experimento de aprendizagem.
Eu queria experimentar a API OpenAI e, ao mesmo tempo, ver como seria fácil escrever uma interface em componentes Web simples com Tailwind CSS.
Eu queria que o desenvolvimento fosse o mais simples possível, de preferência sem nenhuma etapa de construção e definitivamente SEM pacotes npm.
Então, basta carregar um arquivo em seu navegador e começar a codificar.
A estrutura está um pouco confusa no momento, pois tenho experimentado coisas diferentes.
Este é o resultado!
Ele roda inteiramente nas páginas do GitHub, no navegador, sem chamadas externas, exceto para a API OpenAI.
Infelizmente, TailwindCSS requer uma etapa de construção, a menos que você queira carregar toda a biblioteca CSS em seu navegador.
Então, aceitei que precisava executar uma pequena CLI tailwindcss, que observa o código e reconstrói o arquivo CSS conforme as alterações.
E para usar importações, tudo precisa ser servido como um site adequado - ou seja: http://, não file:/// .
Então eu tenho que rodar um pequeno servidor web (npx http-server) neste diretório, durante o desenvolvimento.
Pelo menos estes são RÁPIDOS em comparação com qualquer coisa como Webpack, Vite, etc.
E não há etapa de construção – são apenas alguns pequenos serviços de desenvolvimento.
Embora seja possível evitar frameworks, apenas usando Web Components, você não precisa de muitas dependências externas, antes que sua vida seja simplesmente mais fácil. Por exemplo, usando algo como Vite.
Vite irá ajudá-lo a manter todas as dependências externas locais (servidas por você) e atualizadas e permitir o recarregamento a quente.
Usar Web Components sozinho só funcionará para navegadores modernos, então você também pode comprar o Framework, se precisar oferecer suporte a qualquer navegador que não seja mais suportado por seus criadores (por exemplo, Internet Explorer, Chrome mais antigo, Safari, etc.).