Tanstack AI уже здесь! Типобезопасный чат LLM, инструменты и демонстрация DevTools

Наконец-то вышел TanStack AI (альфа)! В этом видео я показываю пользовательский чат на базе настоящего LLM, показываю TanStack AI DevTools в действии и разбираю код для полной настройки стека.

Что вы увидите:
Демонстрация помощника по продаже гитар (системное приглашение), который отвечает на вопросы и использует серверные инструменты для рекомендации гитар и добавления в корзину.
10 стеков инструментов разработчика, отображающих потоковые фрагменты, токены, информацию о поставщике/модели и вызовы инструментов в режиме реального времени.
Процесс утверждения инструментов (например, добавление в корзину) с одобрением/отклонением из пользовательского интерфейса.
Подробный анализ кода: маршрут API с чатом, адаптеры (Anthropic, Gemini, Olamma, OpenAI), системное приглашение, определения инструментов (имя/описание/схема входов/выходов/требует одобрения).
Безопасность типов для каждой модели для параметров поставщика и сообщений (мультимодальный контент + метаданные).
Клиентская сторона с useChat: подключение SSE, сообщения, sendMessage, остановка и обработка одобрения.

Поддерживаемые адаптеры в примере: Anthropic, Gemini, Olamma, OpenAI.

Есть отзывы или идеи до версии 1? Буду рад их услышать. Планируете ли вы использовать это? Круто? Есть что улучшить? Приветствуются ваши идеи!

Смотрите, пробуйте и дайте мне знать, что вы думаете.

Я также являюсь инструктором по Epic на Epic Web. Если вам интересно моё участие в мастер-классе по React-Router, смело бронируйте место ниже:
https://www.epicweb.dev/events/react-...

👍 Если это помогло, ставьте лайк, подписывайтесь на канал, чтобы получать больше советов по React Router/TypeScript/TanStack, и оставляйте комментарии с вопросами!

📌 Оставайтесь на связи:
Twitter:   / alemtuzlak  
GitHub: https://github.com/AlemTuzlak
Github компании: https://github.com/forge-42

⏱️ Временные метки:
00:00 — Введение: TanStack AI (альфа) уже здесь
00:28 — Настройка демонстрации в реальном времени: пользовательский чат + системное приглашение
01:10 — Первый вопрос и ответ LLM
01:31 — TanStack DevTools: потоковые фрагменты, токены, модели
03:47 — Вызов серверных инструментов: получение гитар + рекомендация гитары
05:21 — Утверждение инструментов: добавление в корзину с одобрением/отклонением
06:41 — Обзор кода: маршрут API, адаптеры, системное приглашение
08:19 — Определение инструментов: схемы, требования к одобрению, повторное использование
10:01 — Безопасность типов для каждой модели в зависимости от поставщика
12:15 — Сообщения: многомодальный контент и метаданные
14:47 — Потоковые ответы и возврат из бэкенда
15:00 — Клиент: хук useChat, SSE, сообщения, остановка, подтверждения
18:43 — Подведение итогов и призыв к обратной связи/внести свой вклад

🔖 Теги:
#TanStack #AI #DevTools #LLM #чат ИИ #вызовы инструментов #подтверждения #безопасность типов #потоковая передача #токены #Anthropic #Gemini #OpenAI #Olamma #мультимодальный #метаданные #события, отправленные сервером #React #Solid #SDK #пользовательский интерфейс чата #добавить в корзину #помощник гитариста