File size: 2,852 Bytes
ffffca4 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 |
import gradio as gr
import datetime
# This list will store all the chat messages.
# In a real-world scenario, you might want to use a database for persistence.
chat_history = []
def add_message(message, username="Anonymous"):
"""
Adds a new message to the chat history with a timestamp and username.
"""
timestamp = datetime.datetime.now().strftime("%Y-%m-%d %H:%M:%S")
formatted_message = f"[{timestamp}] {username}: {message}"
chat_history.append(formatted_message)
# Return the entire chat history as a single string, joined by newlines
return "\n".join(chat_history)
# Define the Gradio interface
with gr.Blocks(title="SmilyAI Community Chat") as demo:
gr.Markdown(
"""
# Welcome to SmilyAI Community Chat! 👋
Chat with your fellow community members here.
"""
)
# Textbox to display the chat history
# Set it to read-only as users will add messages via the input box
chat_display = gr.Textbox(
label="Chat History",
lines=20,
interactive=False, # Make it non-editable by the user
autoscroll=True, # Automatically scroll to the bottom for new messages
value="\n".join(chat_history) # Initialize with current history
)
# Input for the user's name
username_input = gr.Textbox(
label="Your Name (Optional)",
placeholder="Enter your name",
value="Anonymous", # Default value
interactive=True # Users can change their name
)
# Input for the new message
message_input = gr.Textbox(
label="Your Message",
placeholder="Type your message here...",
lines=3
)
# Button to send the message
send_button = gr.Button("Send Message")
# When the send button is clicked, call the add_message function.
# The outputs are updated in the chat_display textbox.
# The message_input is cleared after sending.
send_button.click(
fn=add_message,
inputs=[message_input, username_input],
outputs=chat_display
).then(
# Clear the message input after sending
fn=lambda: "",
inputs=[],
outputs=message_input
)
# Also allow sending messages by pressing Enter in the message_input
message_input.submit(
fn=add_message,
inputs=[message_input, username_input],
outputs=chat_display
).then(
# Clear the message input after submitting
fn=lambda: "",
inputs=[],
outputs=message_input
)
# Launch the Gradio app
# The share=True parameter creates a public shareable link (useful for Hugging Face Spaces)
# The server_name and server_port might be necessary for some environments,
# but Gradio usually handles this automatically on Hugging Face Spaces.
if __name__ == "__main__":
demo.launch(share=True)
|