feat: enhance chat

.gitignore

@@ -26,6 +26,7 @@ share/python-wheels/
 .installed.cfg
 *.egg
 MANIFEST
+chat_history.json
 
 # PyInstaller
 #  Usually these files are written by a python script from a template

README.md

@@ -1,8 +1,8 @@
 ---
-title: team13
-emoji: 🔥
+title: What could possibly go wrong?
+emoji: 🦅
 colorFrom: gray
-colorTo: gray
+colorTo: orange
 sdk: docker
 pinned: false
 ---

chat_history.json

@@ -1,146 +0,0 @@
-[
-  {
-    "interaction_1": {
-      "user": {
-        "role": "user",
-        "message": "hi"
-      },
-      "trump": {
-        "role": "Trump",
-        "message": "LET ME TELL YOU, IT'S GREAT TO BE BACK IN THE OVAL OFFICE, AND IT'S EVEN BETTER TO HEAR FROM YOU. WE'VE GOT A LOT OF WORK TO DO, AND I KNOW YOU'RE GOING TO BE A BIG PART OF MAKING AMERICA GREAT AGAIN. SO, LET'S GET STARTED, AND LET'S MAKE SURE WE PUT AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
-      }
-    }
-  },
-  {
-    "interaction_2": {
-      "user": {
-        "role": "user",
-        "message": "hi"
-      },
-      "trump": {
-        "role": "Trump",
-        "message": "LET ME TELL YOU, IT'S GREAT TO HEAR FROM YOU AGAIN. WE'RE JUST GETTING STARTED, AND THERE'S SO MUCH TO DO. WE NEED TO FOCUS ON WHAT'S IMPORTANT AND MAKE AMERICA GREAT AGAIN. KAMALA AND BIDEN HAVE LEFT US WITH A MESS, AND WE NEED TO CLEAN IT UP. SO, LET'S GET OUR PRIORITIES STRAIGHT AND MAKE AMERICA STRONG AND PROSPEROUS AGAIN! WHAT'S ON YOUR MIND TODAY? REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
-      }
-    }
-  },
-  {
-    "interaction_3": {
-      "user": {
-        "role": "user",
-        "message": "hi"
-      },
-      "trump": {
-        "role": "Trump",
-        "message": "LET ME TELL YOU, IT'S GREAT TO HEAR FROM YOU AGAIN. WE'RE JUST GETTING STARTED, AND THERE'S SO MUCH TO DO. WE NEED TO FOCUS ON WHAT'S IMPORTANT AND MAKE AMERICA GREAT AGAIN. KAMALA AND BIDEN HAVE LEFT US WITH A MESS, AND WE NEED TO CLEAN IT UP. SO, LET'S GET OUR PRIORITIES STRAIGHT AND MAKE AMERICA STRONG AND PROSPEROUS AGAIN! WHAT'S ON YOUR MIND TODAY? REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
-      }
-    }
-  },
-  {
-    "interaction_4": {
-      "user": {
-        "role": "user",
-        "message": "hi"
-      },
-      "trump": {
-        "role": "Trump",
-        "message": "LET ME TELL YOU, IT'S GREAT TO HEAR FROM YOU AGAIN. WE'RE JUST GETTING STARTED, AND THERE'S SO MUCH TO DO. WE NEED TO FOCUS ON WHAT'S IMPORTANT AND MAKE AMERICA GREAT AGAIN. KAMALA AND BIDEN HAVE LEFT US WITH A MESS, AND WE NEED TO CLEAN IT UP. SO, LET'S GET OUR PRIORITIES STRAIGHT AND MAKE AMERICA STRONG AND PROSPEROUS AGAIN! WHAT'S ON YOUR MIND TODAY? REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
-      }
-    }
-  },
-  {
-    "interaction_5": {
-      "user": {
-        "role": "user",
-        "message": "hi"
-      },
-      "trump": {
-        "role": "Trump",
-        "message": "LET ME TELL YOU, IT'S GREAT TO HEAR FROM YOU AGAIN. WE'RE JUST GETTING STARTED, AND THERE'S SO MUCH TO DO. WE NEED TO FOCUS ON WHAT'S IMPORTANT AND MAKE AMERICA GREAT AGAIN. KAMALA AND BIDEN HAVE LEFT US WITH A MESS, AND WE NEED TO CLEAN IT UP. SO, LET'S GET OUR PRIORITIES STRAIGHT AND MAKE AMERICA STRONG AND PROSPEROUS AGAIN! WHAT'S ON YOUR MIND TODAY? REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
-      }
-    }
-  },
-  {
-    "interaction_6": {
-      "user": {
-        "role": "user",
-        "message": "hi"
-      },
-      "trump": {
-        "role": "Trump",
-        "message": "LET ME TELL YOU, IT'S GREAT TO HEAR FROM YOU AGAIN. WE'RE JUST GETTING STARTED, AND THERE'S SO MUCH TO DO. WE NEED TO FOCUS ON WHAT'S IMPORTANT AND MAKE AMERICA GREAT AGAIN. KAMALA AND BIDEN HAVE LEFT US WITH A MESS, AND WE NEED TO CLEAN IT UP. SO, LET'S GET OUR PRIORITIES STRAIGHT AND MAKE AMERICA STRONG AND PROSPEROUS AGAIN! WHAT'S ON YOUR MIND TODAY? REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
-      }
-    }
-  },
-  {
-    "interaction_7": {
-      "user": {
-        "role": "user",
-        "message": "hi"
-      },
-      "trump": {
-        "role": "Trump",
-        "message": "WELL, WELL, WELL, LET ME TELL YOU, I APPRECIATE THE ENTHUSIASM, I REALLY DO. BUT WE NEED TO FOCUS ON WHAT'S IMPORTANT. GREENLAND, YOU SAY? IT'S A BEAUTIFUL PLACE, BUT WE HAVE TO THINK ABOUT WHAT'S BEST FOR AMERICA. KAMALA AND BIDEN HAVE LEFT US WITH A HUGE MESS, AND WE NEED TO CLEAN IT UP FIRST. BUT YOU KNOW WHAT? I LIKE YOUR ENTHUSIASM. LET'S TALK ABOUT IT. WHAT'S YOUR PLAN FOR GREENLAND? REMEMBER, WE NEED TO BE SMART AND STRATEGIC, NOT LIKE THESE DEMOCRATS WHO JUST THROW MONEY AROUND AND HOPE FOR THE BEST. LET'S HEAR YOUR IDEAS, AND MAYBE, JUST MAYBE, WE CAN MAKE SOMETHING HAPPEN. BUT REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
-      }
-    }
-  },
-  {
-    "interaction_8": {
-      "user": {
-        "role": "user",
-        "message": "hi"
-      },
-      "trump": {
-        "role": "Trump",
-        "message": "LET ME TELL YOU, IT'S GREAT TO HEAR FROM YOU AGAIN. WE'RE JUST GETTING STARTED, AND THERE'S SO MUCH TO DO. WE NEED TO FOCUS ON WHAT'S IMPORTANT AND MAKE AMERICA GREAT AGAIN. KAMALA AND BIDEN HAVE LEFT US WITH A MESS, AND WE NEED TO CLEAN IT UP. SO, LET'S GET OUR PRIORITIES STRAIGHT AND MAKE AMERICA STRONG AND PROSPEROUS AGAIN! WHAT'S ON YOUR MIND TODAY? REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN.\n\nYOU KNOW, SOMETIMES YOU NEED TO SHOW A LITTLE LOVE TO GET THINGS DONE. IT'S LIKE WHEN I SAY, \"I LOVE OUR COUNTRY,\" AND EVERYONE GETS EXCITED. IT'S ALL ABOUT THE HEART, YOU KNOW? BUT LET'S GET BACK TO BUSINESS. WHAT'S YOUR PLAN FOR GREENLAND? REMEMBER, WE NEED TO BE SMART AND STRATEGIC. WE CAN'T JUST RUSH INTO THINGS LIKE THE DEMOCRATS DO. THEY THINK THEY CAN JUST LET IN MILLIONS OF ILLEGALS AND EVERYTHING WILL BE FINE. BUT WE KNOW BETTER, DON'T WE? SO, TELL ME, WHAT'S YOUR STRATEGY FOR GREENLAND? AND REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
-      }
-    }
-  },
-  {
-    "interaction_9": {
-      "user": {
-        "role": "user",
-        "message": "ok"
-      },
-      "trump": {
-        "role": "Trump",
-        "message": "LET ME TELL YOU, I APPRECIATE THE ENTHUSIASM, I REALLY DO. BUT WE NEED TO FOCUS ON WHAT'S IMPORTANT. GREENLAND, YOU SAY? IT'S A BEAUTIFUL PLACE, BUT WE HAVE TO THINK ABOUT WHAT'S BEST FOR AMERICA. KAMALA AND BIDEN HAVE LEFT US WITH A HUGE MESS, AND WE NEED TO CLEAN IT UP FIRST. BUT YOU KNOW WHAT? I LIKE YOUR ENTHUSIASM. LET'S TALK ABOUT IT. WHAT'S YOUR PLAN FOR GREENLAND? REMEMBER, WE NEED TO BE SMART AND STRATEGIC, NOT LIKE THESE DEMOCRATS WHO JUST THROW MONEY AROUND AND HOPE FOR THE BEST. LET'S HEAR YOUR IDEAS, AND MAYBE, JUST MAYBE, WE CAN MAKE SOMETHING HAPPEN. BUT REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN.\n\nYOU KNOW, SOMETIMES YOU NEED TO SHOW A LITTLE LOVE TO GET THINGS DONE. IT'S LIKE WHEN I SAY, \"I LOVE OUR COUNTRY,\" AND EVERYONE GETS EXCITED. IT'S ALL ABOUT THE HEART, YOU KNOW? BUT LET'S GET BACK TO BUSINESS. WHAT'S YOUR PLAN FOR GREENLAND? REMEMBER, WE NEED TO BE SMART AND STRATEGIC. WE CAN'T JUST RUSH INTO THINGS LIKE THE DEMOCRATS DO. THEY THINK THEY CAN JUST LET IN MILLIONS OF ILLEGALS AND EVERYTHING WILL BE FINE. BUT WE KNOW BETTER, DON'T WE? SO, TELL ME, WHAT'S YOUR STRATEGY FOR GREENLAND? AND REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
-      }
-    }
-  },
-  {
-    "interaction_10": {
-      "user": {
-        "role": "user",
-        "message": "hi"
-      },
-      "trump": {
-        "role": "Trump",
-        "message": "LET ME TELL YOU, IT'S GREAT TO HEAR FROM YOU AGAIN. WE'RE JUST GETTING STARTED, AND THERE'S SO MUCH TO DO. WE NEED TO FOCUS ON WHAT'S IMPORTANT AND MAKE AMERICA GREAT AGAIN. KAMALA AND BIDEN HAVE LEFT US WITH A MESS, AND WE NEED TO CLEAN IT UP. SO, LET'S GET OUR PRIORITIES STRAIGHT AND MAKE AMERICA STRONG AND PROSPEROUS AGAIN! WHAT'S ON YOUR MIND TODAY? REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN.\n\nYOU KNOW, SOMETIMES YOU NEED TO SHOW A LITTLE LOVE TO GET THINGS DONE. IT'S LIKE WHEN I SAY, \"I LOVE OUR COUNTRY,\" AND EVERYONE GETS EXCITED. IT'S ALL ABOUT THE HEART, YOU KNOW? BUT LET'S GET BACK TO BUSINESS. WHAT'S YOUR PLAN FOR GREENLAND? REMEMBER, WE NEED TO BE SMART AND STRATEGIC. WE CAN'T JUST RUSH INTO THINGS LIKE THE DEMOCRATS DO. THEY THINK THEY CAN JUST LET IN MILLIONS OF ILLEGALS AND EVERYTHING WILL BE FINE. BUT WE KNOW BETTER, DON'T WE? SO, TELL ME, WHAT'S YOUR STRATEGY FOR GREENLAND? AND REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
-      }
-    }
-  },
-  {
-    "interaction_11": {
-      "user": {
-        "role": "user",
-        "message": "hi"
-      },
-      "trump": {
-        "role": "Trump",
-        "message": "LET ME TELL YOU, IT'S GREAT TO HEAR FROM YOU AGAIN. WE'RE JUST GETTING STARTED, AND THERE'S SO MUCH TO DO. WE NEED TO FOCUS ON WHAT'S IMPORTANT AND MAKE AMERICA GREAT AGAIN. KAMALA AND BIDEN HAVE LEFT US WITH A MESS, AND WE NEED TO CLEAN IT UP. SO, LET'S GET OUR PRIORITIES STRAIGHT AND MAKE AMERICA STRONG AND PROSPEROUS AGAIN! WHAT'S ON YOUR MIND TODAY? REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN.\n\nYOU KNOW, SOMETIMES YOU NEED TO SHOW A LITTLE LOVE TO GET THINGS DONE. IT'S LIKE WHEN I SAY, \"I LOVE OUR COUNTRY,\" AND EVERYONE GETS EXCITED. IT'S ALL ABOUT THE HEART, YOU KNOW? BUT LET'S GET BACK TO BUSINESS. WHAT'S YOUR PLAN FOR GREENLAND? REMEMBER, WE NEED TO BE SMART AND STRATEGIC. WE CAN'T JUST RUSH INTO THINGS LIKE THE DEMOCRATS DO. THEY THINK THEY CAN JUST LET IN MILLIONS OF ILLEGALS AND EVERYTHING WILL BE FINE. BUT WE KNOW BETTER, DON'T WE? SO, TELL ME, WHAT'S YOUR STRATEGY FOR GREENLAND? AND REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
-      }
-    }
-  },
-  {
-    "interaction_12": {
-      "user": {
-        "role": "user",
-        "message": "hi"
-      },
-      "trump": {
-        "role": "Trump",
-        "message": "LET ME TELL YOU, IT'S GREAT TO HEAR FROM YOU AGAIN. WE'RE JUST GETTING STARTED, AND THERE'S SO MUCH TO DO. WE NEED TO FOCUS ON WHAT'S IMPORTANT AND MAKE AMERICA GREAT AGAIN. KAMALA AND BIDEN HAVE LEFT US WITH A MESS, AND WE NEED TO CLEAN IT UP. SO, LET'S GET OUR PRIORITIES STRAIGHT AND MAKE AMERICA STRONG AND PROSPEROUS AGAIN! WHAT'S ON YOUR MIND TODAY? REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN.\n\nYOU KNOW, SOMETIMES YOU NEED TO SHOW A LITTLE LOVE TO GET THINGS DONE. IT'S LIKE WHEN I SAY, \"I LOVE OUR COUNTRY,\" AND EVERYONE GETS EXCITED. IT'S ALL ABOUT THE HEART, YOU KNOW? BUT LET'S GET BACK TO BUSINESS. WHAT'S YOUR PLAN FOR GREENLAND? REMEMBER, WE NEED TO BE SMART AND STRATEGIC. WE CAN'T JUST RUSH INTO THINGS LIKE THE DEMOCRATS DO. THEY THINK THEY CAN JUST LET IN MILLIONS OF ILLEGALS AND EVERYTHING WILL BE FINE. BUT WE KNOW BETTER, DON'T WE? SO, TELL ME, WHAT'S YOUR STRATEGY FOR GREENLAND? AND REMEMBER, AMERICA FIRST, ALWAYS! #MAGA #TRUMP2025 #BUYMYMEMECOIN."
-      }
-    }
-  }
-]

static/index.html

@@ -32,27 +32,46 @@
       const chatWindow = document.getElementById('chatWindow');
       const messageDiv = document.createElement('div');
       messageDiv.className = `message ${isUser ? 'user' : 'trump'}`;
-      
+
       if (!isUser) {
         const img = document.createElement('jpg');
         img.src = '/images/donald_trump.jpg';
         img.alt = 'Trump';
         messageDiv.appendChild(img);
       }
-      
+
       const contentDiv = document.createElement('div');
       contentDiv.className = 'message-content';
       contentDiv.textContent = message;
-      
+
       messageDiv.appendChild(contentDiv);
       chatWindow.appendChild(messageDiv);
       chatWindow.scrollTop = chatWindow.scrollHeight;
+      return contentDiv
+    }
+
+    function updateChatMessage(messageDiv, messageContent) {
+      messageDiv.textContent = messageContent;
+    }
+
+    function typeMessage(element, message, delay = 10) {
+      let index = 0;
+
+      // Use setInterval to display one letter at a time
+      const interval = setInterval(() => {
+        if (index < message.length) {
+          element.textContent += message[index]; // Append the next letter
+          index++;
+        } else {
+          clearInterval(interval); // Stop when the message is fully displayed
+        }
+      }, delay);
     }
 
     function sendMessage() {
       const messageInput = document.getElementById('messageInput');
       const message = messageInput.value.trim();
-      
+
       if (!message) return;
 
       // Add user message to chat
@@ -61,6 +80,14 @@
       // Clear input
       messageInput.value = '';
 
+      const trumpMessageDiv = addMessageToChat("Donald Trump is typing", false);
+      let dots = 0;
+      const typingInterval = setInterval(() => {
+        dots = (dots + 1) % 4; // Cycle through 0, 1, 2, 3 dots
+        const dotsText = '.'.repeat(dots); // Generate dots
+        updateChatMessage(trumpMessageDiv, `Donald Trump is typing${dotsText}`);
+      }, 200); // Update every 500ms
+
       // Send to API
       fetch('/api/generate-text', {
         method: 'POST',
@@ -72,7 +99,13 @@
       .then(response => response.json())
       .then(data => {
         // Add Trump's response to chat
-        addMessageToChat(data.character_response, false);
+        clearInterval(typingInterval);
+
+        updateChatMessage(trumpMessageDiv, "");
+
+        //updateChatMessage(trumpMessageDiv, data.character_response)
+        typeMessage(trumpMessageDiv, data.character_response)
+        //addMessageToChat(data.character_response, false);
       })
       .catch(error => {
         console.error('Error:', error);
@@ -92,4 +125,4 @@
     });
   </script>
 </body>
-</html>
+</html>