react native ai

Реагировать Native AI

Полный стек-фреймворк для создания кроссплатформенных приложений для мобильных ИИ, поддерживающих текст LLM в реальном времени / потоковую передачу и чаты, службы изображений и естественный язык для изображений с несколькими моделями и обработки изображений.

Проверьте видеоурок здесь

Функции

• Поддержка LLM для Openai Chatgpt, Antropic Claude, Cohere, Cohere Web, Gemini и Mistral
• Множество моделей изображений, предоставленных FAL.AI
• В реальном времени / потоковые ответы от всех поставщиков
• Помощники OpenAI, включая переводчика кода и поиск
• Прокси -сервер для легко включить аутентификацию и авторизацию с выбранным провайдером.
• Тема (выходит из коробки с 5 темами) - легко добавить дополнительные темы всего несколькими строками кода.
• Обработка изображений с помощью байетскала

Использование

Создайте новый проект под управлением:

npx rn-ai

Затем либо настройте переменные среды с помощью CLI, либо сделайте это позже.

Запуск приложения

Переодеться в каталог приложений и запустить:

npm start

Запуск сервера

Переодеться в каталог сервера и запустить:

npm run dev

Переменные среды

Переменные среды сервера доступны в server/.env.example . Если уже нет присутствия, обновите имя этого файла на .env и настройте переменные среды сервера.

Тематическое

Чтобы добавить новую тему, откройте app/src/theme.ts и добавьте новую тему со следующей конфигурацией:

 const christmas = {
  // extend an existing theme or start from scratch
  ... lightTheme ,
  name : 'Christmas' ,
  label : 'christmas' ,
  tintColor : '#ff0000' ,
  textColor : '#378b29' ,
  tabBarActiveTintColor : '#378b29' ,
  tabBarInactiveTintColor : '#ff0000' ,
  placeholderTextColor : '#378b29' ,
}

В нижней части файла экспортируйте новую тему:

 export {
  lightTheme , darkTheme , hackerNews , miami , vercel , christmas
} 

Настройка моделей LLM

Вот как добавить новые или удалить существующие модели LLM.

В приложении

Вы можете добавить или настроить модель, обновляя MODELS в constants.ts .

Для удаления моделей просто удалите модели, которые вы не хотите поддерживать.

Для добавления моделей, как только определение модели будет добавлено в массив MODELS , вы должны обновить src/screens/chat.tsx для поддержки новой модели:

1. Создать локальное состояние для хранения новых данных модели
2. Обновить функцию chat() для обработки нового типа модели
3. Создать функцию generateModelReponse для вызова новой модели
4. Обновите getChatType в utils.ts для настройки типа LLM, который будет соответствовать вашему пути сервера.
5. Определить новую модель в пользовательском интерфейсе

 {
  chatType . label . includes ( 'newModel' ) && (
    < FlatList
      data = { newModelReponse . messages }
      renderItem = { renderItem }
      scrollEnabled = { false }
    / >
  )
}

На сервере

Создайте новый файл в папке server/src/chat , который соответствует типу модели, который вы создали в мобильном приложении. Вы, вероятно, можете скопировать и повторно использовать много потокового кода из других существующих путей, чтобы вы начали.

Далее, обновление server/src/chat/chatRouter чтобы использовать новый маршрут.

Настройка моделей изображений

Вот как добавить новые или удалить существующие модели изображений.

В приложении

Вы можете добавить или настроить модель, обновляя IMAGE_MODELS в constants.ts .

Для удаления моделей просто удалите модели, которые вы не хотите поддерживать.

Для добавления моделей, как только определение модели будет добавлено в массив IMAGE_MODELS , вам следует обновить src/screens/images.tsx для поддержки новой модели.

Основное рассмотрение - вход. Принимает ли модель текст, изображение или оба в качестве входных данных?

Приложение настроено для обработки обоих, но вы должны обновить функцию generate , чтобы соответствующим образом передавать значения API.

На сервере

Fal.ai

В server/src/images/fal обновите функцию обработчика, чтобы учесть новую модель.

Другие поставщики API

Создайте новый файл в server/src/images/modelName , обновите функцию обработчика, чтобы обработать новый вызов API.

Далее, обновление server/src/images/imagesRouter чтобы использовать новый маршрут.