react native ai vision Télécharger - react native ai vision Téléchargement du code source

react native ai vision

Code Source AI

1.0.0

Télécharger

Réagissez à l'IA native

Cadre complet pour la création d'applications d'IA mobiles multiplateformes prenant en charge les interfaces utilisateur de chat et de texte en temps réel/diffusion LLM, les services d'imagerie et le langage naturel pour les images avec plusieurs modèles et le traitement d'images.

Découvrez le didacticiel vidéo ici

Caractéristiques

Prise en charge LLM pour OpenAI ChatGPT, Anthropic Claude, Cohere, Cohere Web et Mistral
Une gamme de modèles d'images fournis par Fal.ai
Réponses en temps réel/en streaming de tous les fournisseurs
Assistants OpenAI comprenant un interpréteur de code et une récupération
Serveur proxy pour activer facilement l'authentification et l'autorisation avec le fournisseur d'authentification de votre choix.
Thématisation (livré avec 5 thèmes) - ajoutez facilement des thèmes supplémentaires avec seulement quelques lignes de code.
Traitement d'images avec ByteScale

Usage

Générez un nouveau projet en exécutant :

npx rn-ai

Ensuite, configurez vos variables d'environnement avec la CLI ou faites-le plus tard.

Exécuter l'application

Accédez au répertoire de l'application et exécutez :

npm start

Exécuter le serveur

Accédez au répertoire du serveur et exécutez :

npm run dev

Thématisation

Pour ajouter un nouveau thème, ouvrez app/src/theme.ts et ajoutez un nouveau thème avec la configuration suivante :

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

En bas du fichier, exportez le nouveau thème :

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

Configuration des modèles LLM

Voici comment ajouter de nouveaux modèles LLM ou supprimer des modèles existants.

Dans l'application

Vous pouvez ajouter ou configurer un modèle en mettant à jour MODELS dans constants.ts .

Pour supprimer des modèles, supprimez simplement les modèles que vous ne souhaitez pas prendre en charge.

Pour ajouter des modèles, une fois la définition du modèle ajoutée au tableau MODELS , vous devez mettre à jour src/screens/chat.tsx pour prendre en charge le nouveau modèle :

Créer un état local pour contenir de nouvelles données de modèle
Mettre à jour la fonction chat() pour gérer le nouveau type de modèle
Créer la fonction generateModelReponse pour appeler un nouveau modèle
Mettez à jour getChatType dans utils.ts pour configurer le type LLM qui correspondra au chemin de votre serveur.
Rendre le nouveau modèle dans l'interface utilisateur

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

Sur le serveur

Créez un nouveau fichier dans le dossier server/src/chat qui correspond au type de modèle que vous avez créé dans l'application mobile. Vous pouvez probablement copier et réutiliser une grande partie du code de streaming des autres chemins existants pour commencer.

Ensuite, mettez à jour server/src/chat/chatRouter pour utiliser la nouvelle route.

Configuration des modèles d'image

Voici comment ajouter de nouveaux modèles d'image ou supprimer des modèles d'image existants.

Dans l'application

Vous pouvez ajouter ou configurer un modèle en mettant à jour IMAGE_MODELS dans constants.ts .

Pour supprimer des modèles, supprimez simplement les modèles que vous ne souhaitez pas prendre en charge.

Pour ajouter des modèles, une fois la définition du modèle ajoutée au tableau IMAGE_MODELS , vous devez mettre à jour src/screens/images.tsx pour prendre en charge le nouveau modèle.

La principale considération est la contribution. Le modèle prend-il du texte, une image ou les deux comme entrées ?

L'application est configurée pour gérer les deux, mais vous devez mettre à jour la fonction generate pour transmettre les valeurs à l'API en conséquence.