chatty gpt

Chatty GPT — простая альтернатива ChatGPT.

Он работает с использованием API завершения чата OpenAI (например, gpt-3.5-turbo, gpt-4 и т. д.). Вам понадобится (платный) доступ к этому API.

Использование gpt-4 через API намного быстрее, чем использование ChatGPT plus, и не имеет ограничений на количество сообщений.

Все чаты хранятся в localStorage, поэтому вы не сможете получить к ним доступ из любого другого браузера или устройства, если не используете функцию экспорта/импорта.

Почему?

Это задумано как обучающий эксперимент.
Я хотел опробовать OpenAI API и в то же время хотел посмотреть, насколько легко будет написать интерфейс на простых веб-компонентах с помощью Tailwind CSS.
Я хотел, чтобы разработка была максимально простой, желательно без каких-либо этапов сборки и определенно без пакетов npm.
Так что просто загрузите файл в свой браузер и начните кодировать.
В настоящее время структура немного запутана, так как я пробовал разные вещи.

Вот результат!
Он полностью запускается со страниц GitHub в браузере, без каких-либо внешних вызовов, за исключением API OpenAI.

К сожалению, TailwindCSS требует этапа сборки, если только вы не хотите загрузить всю библиотеку CSS в свой браузер.
Поэтому я согласился с тем, что мне нужно запустить небольшой CLI Tailwindcss, который отслеживает код и перестраивает CSS-файл при изменениях.

А чтобы использовать импорт, все должно быть оформлено как полноценный веб-сайт — то есть: http://, а не file:/// .
Поэтому при разработке мне нужно запустить небольшой веб-сервер (http-сервер npx) в этом каталоге.

По крайней мере, это БЫСТРО по сравнению с использованием чего-либо вроде Webpack, Vite и т. д.
И здесь нет этапа сборки — это всего лишь пара небольших сервисов разработки.

Выводы (пока)

Хотя можно избежать фреймворков, просто используя веб-компоненты, вам не нужно много внешних зависимостей, и ваша жизнь станет проще. Например, используя что-то вроде Vite.
Vite поможет вам сохранить все внешние зависимости локальными (обслуживаемыми вами) и в актуальном состоянии, а также включить горячую перезагрузку.

Использование только веб-компонентов будет работать только для современных браузеров, поэтому вы можете также пойти за покупками Framework, если вам нужна поддержка любого браузера, который больше не поддерживается его создателями (например, Internet Explorer, более старый Chrome, Safari и т. д.).

TODO

• Должна быть возможность удалить чат
• Отметить активный чат в левом меню
• При создании нового чата предлагать системные сообщения на основе ранее использованных системных сообщений.
• Сделайте список чатов доступным для поиска (простой заголовок, сравнение слов?)
• Внедрить API модерации
• Добавьте контроллер прерывания к вызовам OpenAI.
• Настройки чата (включая название)
• Убедитесь, что изменения в настройках чата применяются сразу после
• Добавьте уведомления об успешных и ошибочных действиях.
• (Повторно) сгенерировать потоковый ответ
• Значок или кнопка для повторной генерации последнего ответа
• Придумайте индикатор завершения потока (или работы - например, индикатор..., который использует openai)
• Добавьте заголовок в примеры кода, он должен содержать язык и кнопку/ссылку копирования (: не работает в Firefox...)
• Добавьте способ внедрения полезных подсказок в системные сообщения и сообщения. Начните с советов из Курса быстрого проектирования.

TODO позже/может быть

• Рассмотрите возможность использования официального счетчика токенов (источник Rust?)
• Добавьте несколько шаблонных системных сообщений (например, разработчика интерфейса, разработчика Go, эксперта по маркетингу и т. д.)
• Сделайте его удобным для мобильных устройств

UI/UX ЗАДАЧИ

• Закрыть модальные окна с помощью [ESC]
• Настройки: Отобразить, что данные были удалены сразу после очистки.