Update: Add context referencing for chatbot (#196)

hoangsonww · Jun 2, 2024 · 60c3100 · 60c3100
1 parent 634e4e6
commit 60c3100
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 7 deletions.
diff --git a/MovieVerse-Frontend/js/chatbot.js b/MovieVerse-Frontend/js/chatbot.js
@@ -626,7 +626,6 @@ async function movieVerseResponse(message) {
         animateLoadingDots();
 
         let fullResponse = '';
-
         try {
             const genAI = new GoogleGenerativeAI(getAIResponse());
             const model = genAI.getGenerativeModel({ model: "gemini-1.5-flash" });

diff --git a/...eVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/js/chatbot.js b/...eVerse-Mobile/platforms/android/app/src/main/assets/www/MovieVerse-Frontend/js/chatbot.js
@@ -623,8 +623,9 @@ async function movieVerseResponse(message) {
     }
     else {
         showSpinner();
-        let fullResponse = '';
+        animateLoadingDots();
 
+        let fullResponse = '';
         try {
             const genAI = new GoogleGenerativeAI(getAIResponse());
             const model = genAI.getGenerativeModel({ model: "gemini-1.5-flash" });
@@ -636,7 +637,7 @@ async function movieVerseResponse(message) {
                     temperature: 1,
                     topP: 0.95,
                     topK: 64,
-                    maxOutputTokens: 512,
+                    maxOutputTokens: 8192,
                     responseMimeType: "text/plain"
                 },
                 safetySettings: [
@@ -662,6 +663,17 @@ async function movieVerseResponse(message) {
     }
 }
 
+async function animateLoadingDots() {
+    const loadingTextElement = document.querySelector('#myModal p');
+    let dots = ".";
+
+    while (document.getElementById('myModal').classList.contains('modal-visible')) {
+        loadingTextElement.textContent = `Loading response${dots}`;
+        dots = (dots.length < 3) ? dots + "." : ".";
+        await new Promise(resolve => setTimeout(resolve, 500));
+    }
+}
+
 function removeMarkdown(text) {
     const converter = new showdown.Converter();
     const html = converter.makeHtml(text);

diff --git a/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/js/chatbot.js b/MovieVerse-Mobile/platforms/ios/www/MovieVerse-Frontend/js/chatbot.js
@@ -623,8 +623,9 @@ async function movieVerseResponse(message) {
     }
     else {
         showSpinner();
-        let fullResponse = '';
+        animateLoadingDots();
 
+        let fullResponse = '';
         try {
             const genAI = new GoogleGenerativeAI(getAIResponse());
             const model = genAI.getGenerativeModel({ model: "gemini-1.5-flash" });
@@ -636,7 +637,7 @@ async function movieVerseResponse(message) {
                     temperature: 1,
                     topP: 0.95,
                     topK: 64,
-                    maxOutputTokens: 512,
+                    maxOutputTokens: 8192,
                     responseMimeType: "text/plain"
                 },
                 safetySettings: [
@@ -662,6 +663,17 @@ async function movieVerseResponse(message) {
     }
 }
 
+async function animateLoadingDots() {
+    const loadingTextElement = document.querySelector('#myModal p');
+    let dots = ".";
+
+    while (document.getElementById('myModal').classList.contains('modal-visible')) {
+        loadingTextElement.textContent = `Loading response${dots}`;
+        dots = (dots.length < 3) ? dots + "." : ".";
+        await new Promise(resolve => setTimeout(resolve, 500));
+    }
+}
+
 function removeMarkdown(text) {
     const converter = new showdown.Converter();
     const html = converter.makeHtml(text);

diff --git a/MovieVerse-Mobile/www/MovieVerse-Frontend/js/chatbot.js b/MovieVerse-Mobile/www/MovieVerse-Frontend/js/chatbot.js
@@ -623,8 +623,9 @@ async function movieVerseResponse(message) {
     }
     else {
         showSpinner();
-        let fullResponse = '';
+        animateLoadingDots();
 
+        let fullResponse = '';
         try {
             const genAI = new GoogleGenerativeAI(getAIResponse());
             const model = genAI.getGenerativeModel({ model: "gemini-1.5-flash" });
@@ -636,7 +637,7 @@ async function movieVerseResponse(message) {
                     temperature: 1,
                     topP: 0.95,
                     topK: 64,
-                    maxOutputTokens: 512,
+                    maxOutputTokens: 8192,
                     responseMimeType: "text/plain"
                 },
                 safetySettings: [
@@ -662,6 +663,17 @@ async function movieVerseResponse(message) {
     }
 }
 
+async function animateLoadingDots() {
+    const loadingTextElement = document.querySelector('#myModal p');
+    let dots = ".";
+
+    while (document.getElementById('myModal').classList.contains('modal-visible')) {
+        loadingTextElement.textContent = `Loading response${dots}`;
+        dots = (dots.length < 3) ? dots + "." : ".";
+        await new Promise(resolve => setTimeout(resolve, 500));
+    }
+}
+
 function removeMarkdown(text) {
     const converter = new showdown.Converter();
     const html = converter.makeHtml(text);