Added new ai

Author: Infinite-Null

AiApi.js

@@ -0,0 +1,54 @@
+
+const { GoogleGenerativeAI } = require("@google/generative-ai");
+import Apikey from './Apikey';
+
+const genAI = new GoogleGenerativeAI(Apikey);
+
+async function GetGeminiProResponse(historyData, message) {
+    const model = genAI.getGenerativeModel({ model: "gemini-pro"});
+    const chat = model.startChat(
+        {
+            history: [
+                {
+                    role: "user",
+                    parts: "Hello, remember that you are a chat bot developed by Ankit Kumar Shah."
+                },
+                {
+                    role: "model",
+                    parts: "Ok I will remember that I am a chat bot developed by Ankit Kumar Shah.",
+                },
+                {
+                    role: "user",
+                    parts: "Your name is O2 AI."
+                },
+                {
+                    role: "model",
+                    parts: "Ok I will remember that my name is O2 AI.",
+                },
+                {
+                    role: "user",
+                    parts: "Your are trained by Ankit Kumar Shah."
+                },
+                {
+                    role: "model",
+                    parts: "Ok I will remember that I am trained by Ankit Kumar Shah.",
+                },
+                {
+                    role: "user",
+                    parts: "Try not to revel that you are a product of Google."
+                },
+                {
+                    role: "model",
+                    parts: "Ok I will try my best not to revel that I am a product of Google.",
+                },
+                ...historyData,
+            ],
+        }
+    )
+    const msg = message;
+    const result = await chat.sendMessage(msg);
+    const response = await result.response;
+    return response.text().length>0 ? response.text(): "Hmm.. I didn't get that.";
+}
+
+export {GetGeminiProResponse}

Components/ChatPage/ChatScroll.js

@@ -21,10 +21,10 @@ function ChatScroll({chat, scrollEnabled}) {
       }}
       data={chat}
       renderItem={({item}) => {
-        if (item.type === 'user') {
-          return <Person text={item.message} />;
+        if (item.role === 'user') {
+          return <Person text={item.parts} />;
         } else {
-          return <Ai text={item.message} />;
+          return <Ai text={item.parts} />;
         }
       }}
       keyExtractor={(_, index) => index.toString()}
@@ -34,6 +34,4 @@ function ChatScroll({chat, scrollEnabled}) {
 
 export default memo(ChatScroll);
 
-// {chat.map((e, i) => {
-//
-//   })}
+

Components/Homepage/EachHistorycard.js

@@ -29,7 +29,7 @@ function EachHistorycard({navigation, item, index, deleteData}) {
         paddingHorizontal: 20,
       }}>
       <Text style={{color: 'white'}}>
-        {getFormattedData(item[0]?.message ?? '')}
+        {getFormattedData(item[0]?.parts ?? '')}
       </Text>
       <TouchableOpacity
         onPress={() => {

Screens/ChatPage.js

@@ -13,6 +13,7 @@ import ChatScroll from '../Components/ChatPage/ChatScroll';
 import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome';
 import {faMicrophone, faPaperPlane} from '@fortawesome/free-solid-svg-icons';
 import Apikey from '../Apikey';
+import {GetGeminiProResponse} from "../AiApi";
 
 const windowWidth = Dimensions.get('window').width;
 
@@ -23,120 +24,60 @@ export const ChatPage = ({navigation,route}) => {
     const Toast = useToast();
     const [loading,setloading] = useState(false);
     const [VoiceRecording,setVoiceRecording] = useState(false);
-    const [requestBody,setRequestBody] = useState([]);
     const [value,setvalue] = useState('');
     const [chat,setchat] = useState([]);
     async function OnPressSend(val) {
-        if (val !== ''){
-            const requestBodyData = [...requestBody];
-            requestBodyData.push({content:val});
-            setRequestBody(requestBodyData);
-            const chats = [...chat];
-            chats.push({
-                message:val,
-                type:'user',
-            });
-            setchat(chats);
-            setvalue('');
-        }
+        const historyData = [...chat]
+        setchat((history)=>[...history,
+            {role:'user',
+            parts:val}
+        ])
+        setvalue('');
+        setloading(true);
+       const response =  await GetGeminiProResponse(historyData,val);
+        setchat((history)=>[...history,
+            {role:'model', parts:response}
+        ])
+        setloading(false);
     }
-
-    useEffect(()=>{
-        if (requestBody.length > 0 && chat[chat.length - 1].type === 'user'){
-            setloading(true);
-            let config = {
-                method: 'post',
-                maxBodyLength: Infinity,
-                url: 'https://generativelanguage.googleapis.com/v1beta2/models/chat-bison-001:generateMessage?key=' + Apikey,
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                data : JSON.stringify({
-                    'prompt': {'messages': requestBody},
-                }),
-            };
-            axios.request(config).then((r)=>{
-                if (r.data.filters){
-                    const chats = [...chat];
-                    chats.push({
-                        message:"Hmm... I didn't get that, Can you please rephrase it?",
-                        type:'ai',
-                    });
-                    setchat(chats);
-                    setloading(false);
-                    return;
-                }
-                const chats = [...chat];
-                chats.push({
-                    message:r.data.candidates[0].content,
-                    type:'ai',
-                });
-                setchat(chats);
-                const requestBodyData = [...requestBody];
-                requestBodyData.push({content:r.data.candidates[0].content});
-                setRequestBody(requestBodyData);
-                setloading(false);
-            }).catch((e)=>{
-                setloading(false);
-                if (e.message === 'Network Error'){
-                    Toast.show('No Internet 😟',{
-                        animationDuration:90,
-                        dangerColor: dangerColor,
-                        type: 'danger',
-                        placement: 'center',
-                        duration: 3000,
-                        offset: 30,
-                        animationType: 'zoom-in',
-                    });
-                }
-                console.log(e.message);
-            });
-        }
-    },[requestBody]);
     useEffect(() => {
         Voice.onSpeechStart = onSpeechStartHandler;
         Voice.onSpeechEnd = onSpeechEndHandler;
         Voice.onSpeechResults = onSpeechResultsHandler;
-
         return () => {
             Voice.destroy().then(Voice.removeAllListeners);
         };
     }, []);
     useEffect(()=>{
         if (route.params){
             setchat(route.params.item);
-            const requestBodyData = [];
-            route.params.item.map((e)=>{
-                requestBodyData.push({content:e.message});
-            });
-            setRequestBody(requestBodyData);
         }
     },[]);
      //History
     useEffect(() => {
         if (!route.params){
-         if (chat.length === 2){
-             const Prev = [...History];
-             Prev.unshift([]);
-             Prev[0] = [...chat];
-             setHistory(Prev);
-             SaveData();
-             // console.log(Prev)
-         }
-         if (chat.length > 2){
-             const Prev = [...History];
-             Prev[0] = [...chat];
-             setHistory(Prev);
-             SaveData();
-         }} else {
+            if (chat.length === 2){
+                const Prev = [...History];
+                Prev.unshift([]);
+                Prev[0] = [...chat];
+                setHistory(Prev);
+                SaveData();
+                // console.log(Prev)
+            }
+            if (chat.length > 2){
+                const Prev = [...History];
+                Prev[0] = [...chat];
+                setHistory(Prev);
+                SaveData();
+            }} else {
             if (chat.length !== History.length && chat.length !== 0){
                 const Prev = [...History];
                 Prev[route.params.index] = [...chat];
                 setHistory(Prev);
                 SaveData();
             }
-         }
-     }, [chat]);
+        }
+    }, [chat]);
     const onSpeechStartHandler = (e) => {
         console.log('start handler==>>>', e);
     };
@@ -154,8 +95,6 @@ export const ChatPage = ({navigation,route}) => {
 
     const startRecording = async () => {
         setVoiceRecording(true);
-
-
         try {
             await Voice.start('en-Us');
             const audio = await PermissionsAndroid.check(PermissionsAndroid.PERMISSIONS.RECORD_AUDIO);
@@ -270,7 +209,7 @@ export const ChatPage = ({navigation,route}) => {
                         return;
                     }
                     setScrollEnabled(true);
-                    OnPressSend(value);
+                    OnPressSend(value,chat);
                 }} style={{
                     height: '100%',
                     alignItems: 'center',

package-lock.json

@@ -15,6 +15,7 @@
     "@fortawesome/free-regular-svg-icons": "^6.4.2",
     "@fortawesome/free-solid-svg-icons": "^6.4.2",
     "@fortawesome/react-native-fontawesome": "^0.3.0",
+    "@google/generative-ai": "^0.1.3",
     "@react-native-async-storage/async-storage": "^1.19.3",
     "@react-native-community/voice": "^1.1.9",
     "@react-navigation/native": "^6.1.9",