Chris4K commited on
Commit
c424219
·
verified ·
1 Parent(s): a8bf13e

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +26 -32
app.py CHANGED
@@ -41,38 +41,32 @@ html = """
41
  <button onclick="sendMessage()">Send</button>
42
 
43
  <script>
44
- let ws = new WebSocket("wss://chris4k-a-i-statemachine.hf.space/ws");
45
-
46
- ws.onmessage = (event) => {
47
- let chatbox = document.getElementById("chatbox");
48
- chatbox.innerHTML += `<p>${event.data}</p>`;
49
- chatbox.scrollTop = chatbox.scrollHeight;
50
- };
51
-
52
- function sendMessage() {
53
- console.log("sending .... ")
54
- let input = document.getElementById("inputbox");
55
- let message = input.value.trim();
56
- if (message) {
57
- ws.send(message);
58
- input.value = "";
59
- }
60
- }
61
-
62
-
63
-
64
- ws.onopen = function() {
65
- console.log("WebSocket connected!");
66
- ws.send("Hello AI!"); // Send message to backend once the connection is open.
67
- };
68
-
69
- ws.onmessage = function(event) {
70
- console.log("Message from server: ", event.data); // Logs the AI/system message.
71
- };
72
-
73
- ws.onerror = function(error) {
74
- console.error("WebSocket Error: ", error);
75
- };
76
 
77
 
78
  </script>
 
41
  <button onclick="sendMessage()">Send</button>
42
 
43
  <script>
44
+ let ws = new WebSocket("wss://chris4k-a-i-statemachine.hf.space/ws");
45
+
46
+ ws.onopen = function() {
47
+ console.log("WebSocket connected!");
48
+ ws.send("Hello AI!"); // Send initial message
49
+ };
50
+
51
+ ws.onmessage = (event) => {
52
+ console.log("Message from server: ", event.data);
53
+ let chatbox = document.getElementById("chatbox");
54
+ chatbox.innerHTML += `<p>${event.data}</p>`;
55
+ chatbox.scrollTop = chatbox.scrollHeight;
56
+ };
57
+
58
+ ws.onerror = function(error) {
59
+ console.error("WebSocket Error: ", error);
60
+ };
61
+
62
+ function sendMessage() {
63
+ let input = document.getElementById("inputbox");
64
+ let message = input.value.trim();
65
+ if (message) {
66
+ ws.send(message);
67
+ input.value = "";
68
+ }
69
+ }
 
 
 
 
 
 
70
 
71
 
72
  </script>