Il fonctionne en utilisant l'API de complétion de chat OpenAI (par exemple gpt-3.5-turbo, gpt-4, etc.). Vous devrez avoir un accès (payant) à cette API.
L'utilisation de gpt-4 via l'API est beaucoup plus rapide que l'utilisation de ChatGPT plus et n'a pas de limite de messages.
Toutes les discussions sont conservées dans localStorage, vous ne pourrez donc y accéder depuis aucun autre navigateur ou appareil, sauf si vous utilisez la fonctionnalité d'exportation/importation.
Il s’agit d’une expérience d’apprentissage.
Je voulais essayer l'API OpenAI et en même temps, je voulais voir à quel point il serait facile d'écrire une interface en composants Web simples avec Tailwind CSS.
Je voulais que le développement soit aussi simple que possible, de préférence sans aucune étape de construction et certainement AUCUN package npm.
Alors tout simplement, chargez un fichier dans votre navigateur et commencez à coder.
La structure est actuellement un peu brouillonne, car j'ai essayé différentes choses.
Voilà le résultat !
Il s'exécute entièrement à partir des pages GitHub, dans le navigateur, sans appels externes, sauf vers l'API OpenAI.
Malheureusement, TailwindCSS nécessite une étape de construction, sauf si vous souhaitez charger l'intégralité de la bibliothèque CSS dans votre navigateur.
J'ai donc accepté de devoir exécuter une petite CLI tailwindcss, qui surveille le code et reconstruit le fichier CSS en cas de modifications.
Et pour utiliser les importations, tout doit être présenté comme un site Web approprié - c'est-à-dire : http://, pas file:/// .
Je dois donc exécuter un petit serveur Web (serveur http npx) dans ce répertoire, lors du développement.
Au moins, ceux-ci sont RAPIDES par rapport à l'utilisation de quelque chose comme Webpack, Vite, etc.
Et il n’y a pas d’étape de construction – c’est juste quelques petits services de développement.
Bien qu'il soit possible d'éviter les frameworks, simplement en utilisant des composants Web, vous n'avez pas besoin de beaucoup de dépendances externes, avant que votre vie ne soit tout simplement plus facile. Par exemple, en utilisant quelque chose comme Vite.
Vite vous aidera à garder toutes les dépendances externes locales (servies par vous) et à jour et à permettre le rechargement à chaud.
L'utilisation des composants Web uniquement ne fonctionnera que pour les navigateurs modernes, vous pouvez donc aussi bien acheter du Framework si vous devez prendre en charge un navigateur qui n'est plus pris en charge par leurs créateurs (par exemple Internet Explorer, l'ancien Chrome, Safari, etc.).