Update app.py

app.py

@@ -30,6 +30,26 @@ QUOTE_VOTES_FILE = os.path.join(VOTE_DIR, "quote_votes.md")
 IMAGE_VOTES_FILE = os.path.join(VOTE_DIR, "image_votes.md")
 HISTORY_FILE = os.path.join(VOTE_DIR, "vote_history.md")
 
+# Unicode digit conversion table - the magic map for emoji numbers! 🔢✨
+UNICODE_DIGITS = {
+    0: "0️⃣", 1: "1️⃣", 2: "2️⃣", 3: "3️⃣", 4: "4️⃣",
+    5: "5️⃣", 6: "6️⃣", 7: "7️⃣", 8: "8️⃣", 9: "9️⃣"
+}
+
+# Unicode font examples - the stylish wardrobe of text flair! 👗📝
+UNICODE_FONTS = [
+    ("Normal", lambda x: x),  # Plain ol’ text
+    ("Bold", lambda x: "".join(chr(ord(c) + 0x1D400 - 0x41) if 'A' <= c <= 'Z' else chr(ord(c) + 0x1D41A - 0x61) if 'a' <= c <= 'z' else c for c in x)),
+    ("Italic", lambda x: "".join(chr(ord(c) + 0x1D434 - 0x41) if 'A' <= c <= 'Z' else chr(ord(c) + 0x1D44E - 0x61) if 'a' <= c <= 'z' else c for c in x)),
+    ("Script", lambda x: "".join(chr(ord(c) + 0x1D49C - 0x41) if 'A' <= c <= 'Z' else chr(ord(c) + 0x1D4B6 - 0x61) if 'a' <= c <= 'z' else c for c in x)),
+    ("Fraktur", lambda x: "".join(chr(ord(c) + 0x1D504 - 0x41) if 'A' <= c <= 'Z' else chr(ord(c) + 0x1D51E - 0x61) if 'a' <= c <= 'z' else c for c in x)),
+    ("Double Struck", lambda x: "".join(chr(ord(c) + 0x1D538 - 0x41) if 'A' <= c <= 'Z' else chr(ord(c) + 0x1D552 - 0x61) if 'a' <= c <= 'z' else c for c in x)),
+    ("Sans Serif", lambda x: "".join(chr(ord(c) + 0x1D5A0 - 0x41) if 'A' <= c <= 'Z' else chr(ord(c) + 0x1D5BA - 0x61) if 'a' <= c <= 'z' else c for c in x)),
+    ("Sans Bold", lambda x: "".join(chr(ord(c) + 0x1D5D4 - 0x41) if 'A' <= c <= 'Z' else chr(ord(c) + 0x1D5EE - 0x61) if 'a' <= c <= 'z' else c for c in x)),
+    ("Mono", lambda x: "".join(chr(ord(c) + 0x1D670 - 0x41) if 'A' <= c <= 'Z' else chr(ord(c) + 0x1D68A - 0x61) if 'a' <= c <= 'z' else c for c in x)),
+    ("Circle", lambda x: "".join(chr(ord(c) + 0x24B6 - 0x41) if 'A' <= c <= 'Z' else chr(ord(c) + 0x24D0 - 0x61) if 'a' <= c <= 'z' else c for c in x))
+]
+
 # Node name - the app’s codename generator, sneaky and slick! 🕵️‍♂️💾
 def get_node_name():
     """🎲 Spins the wheel of fate to name our node - a random alias or user pick! 🏷️"""
@@ -206,7 +226,7 @@ async def start_websocket_server(host='0.0.0.0', port=8765):
 
 # Chat interface maker - the stage builder for our chat extravaganza! 🎭🏟️
 def create_streamlit_interface(initial_username):
-    """🖌️ Sets up the chat stage with live updates, timers, voting, and refresh flair! 🌟"""
+    """🖌️ Sets up the chat stage with live updates, pulsing timers, voting, and refresh flair! 🌟"""
     # Custom CSS for a sleek chat box and timer
     st.markdown("""
         <style>
@@ -220,16 +240,22 @@ def create_streamlit_interface(initial_username):
             overflow-y: auto;
         }
         .timer {
-            font-size: 18px;
+            font-size: 24px;
             color: #ffcc00;
             text-align: center;
+            animation: pulse 1s infinite;
+        }
+        @keyframes pulse {
+            0% { transform: scale(1); }
+            50% { transform: scale(1.1); }
+            100% { transform: scale(1); }
         }
         </style>
     """, unsafe_allow_html=True)
 
     # Title and intro
     st.title(f"Chat & Quote Node: {NODE_NAME}")
-    st.markdown("Chat, vote on messages, quotes, and images - keep the party rocking! 🎉")
+    st.markdown("Chat, vote on messages, quotes, and images - watch the timer pulse! 🎉")
 
     # Session state for username, refresh rate, and quote index
     if 'username' not in st.session_state:
@@ -238,6 +264,8 @@ def create_streamlit_interface(initial_username):
         st.session_state.refresh_rate = 5
     if 'last_refresh' not in st.session_state:
         st.session_state.last_refresh = time.time()
+    if 'timer_start' not in st.session_state:
+        st.session_state.timer_start = time.time()  # Autostart timer
     if 'quote_index' not in st.session_state:
         quotes = load_quotes("famous")
         st.session_state.quote_index = random.randint(0, max(0, len(quotes) - 1)) if quotes else 0
@@ -257,25 +285,25 @@ def create_streamlit_interface(initial_username):
                 if st.button(f"👍", key=f"chat_vote_{i}"):
                     user_hash = generate_user_hash()
                     save_vote(QUOTE_VOTES_FILE, line, user_hash)
-                    st.session_state.last_refresh = time.time()
+                    st.session_state.timer_start = time.time()
                     st.rerun()
 
     user_list = get_user_list(chat_content)
     new_username = st.selectbox("Switch User", user_list + [st.session_state.username], index=len(user_list))
     if new_username != st.session_state.username:
         st.session_state.username = new_username
+        st.session_state.timer_start = time.time()
 
     message = st.text_input("Message", placeholder="Type your epic line here! ✍️")
     if st.button("Send 🚀") and message.strip():
         save_chat_entry(st.session_state.username, message)
-        st.session_state.last_refresh = time.time()
+        st.session_state.timer_start = time.time()
         st.rerun()
 
     # Quote section
     st.subheader("Quote of the Moment 📝")
     quotes = load_quotes(st.session_state.quote_source)
     if quotes:
-        # Ensure quote_index is within bounds
         st.session_state.quote_index = st.session_state.quote_index % len(quotes)
         quote = quotes[st.session_state.quote_index]
         col1, col2 = st.columns([5, 1])
@@ -285,12 +313,12 @@ def create_streamlit_interface(initial_username):
             if st.button("👍 Upvote", key="quote_vote"):
                 user_hash = generate_user_hash()
                 save_vote(QUOTE_VOTES_FILE, quote, user_hash)
-                st.session_state.last_refresh = time.time()
+                st.session_state.timer_start = time.time()
                 st.rerun()
-        if time.time() - st.session_state.last_refresh > 10:  # 10s quote refresh
+        if time.time() - st.session_state.last_refresh > 10:
             st.session_state.quote_index = (st.session_state.quote_index + 1) % len(quotes)
             st.session_state.quote_source = "custom" if st.session_state.quote_source == "famous" else "famous"
-            quotes = load_quotes(st.session_state.quote_source)  # Reload quotes for new source
+            quotes = load_quotes(st.session_state.quote_source)
             st.session_state.quote_index = st.session_state.quote_index % len(quotes) if quotes else 0
             st.session_state.last_refresh = time.time()
             st.rerun()
@@ -310,51 +338,57 @@ def create_streamlit_interface(initial_username):
             if st.button(f"👍 Upvote {image1}", key=f"img_vote_{image1}"):
                 user_hash = generate_user_hash()
                 save_vote(IMAGE_VOTES_FILE, image1, user_hash)
-                st.session_state.last_refresh = time.time()
+                st.session_state.timer_start = time.time()
                 st.rerun()
         with col2:
             st.image(os.path.join(image_dir, image2))
             if st.button(f"👍 Upvote {image2}", key=f"img_vote_{image2}"):
                 user_hash = generate_user_hash()
                 save_vote(IMAGE_VOTES_FILE, image2, user_hash)
-                st.session_state.last_refresh = time.time()
+                st.session_state.timer_start = time.time()
                 st.rerun()
     else:
         st.error("Need at least 2 images in the directory for voting!")
 
-    # Refresh rate controls
+    # Refresh rate controls with pulsing timer
     st.subheader("Set Refresh Rate ⏳")
     refresh_rate = st.slider("Refresh Rate (seconds)", min_value=1, max_value=300, value=st.session_state.refresh_rate, step=1)
-    st.session_state.refresh_rate = refresh_rate
+    if refresh_rate != st.session_state.refresh_rate:
+        st.session_state.refresh_rate = refresh_rate
+        st.session_state.timer_start = time.time()  # Reset timer on change
 
     col1, col2, col3 = st.columns(3)
     with col1:
         if st.button("🐇 Small (1s)"):
             st.session_state.refresh_rate = 1
-            st.session_state.last_refresh = time.time()
+            st.session_state.timer_start = time.time()
             st.rerun()
     with col2:
         if st.button("🐢 Medium (5s)"):
             st.session_state.refresh_rate = 5
-            st.session_state.last_refresh = time.time()
+            st.session_state.timer_start = time.time()
             st.rerun()
     with col3:
         if st.button("🐘 Large (5m)"):
             st.session_state.refresh_rate = 300
-            st.session_state.last_refresh = time.time()
+            st.session_state.timer_start = time.time()
             st.rerun()
 
-    # Countdown timer
-    elapsed = time.time() - st.session_state.last_refresh
-    remaining = max(0, st.session_state.refresh_rate - int(elapsed))
-    st.markdown(f"<p class='timer'>Next refresh in: {remaining} seconds</p>", unsafe_allow_html=True)
+    # Pulsing countdown timer with emoji digits and random Unicode font
+    elapsed = int(time.time() - st.session_state.timer_start)
+    remaining = max(0, st.session_state.refresh_rate - (elapsed % st.session_state.refresh_rate))
+    font_name, font_func = random.choice(UNICODE_FONTS)
+    countdown_str = "".join(UNICODE_DIGITS[int(d)] for d in str(remaining)) if remaining < 10 else font_func(str(remaining))
+    timer_emoji = "⏳" if remaining % 2 == 0 else "💓"  # Pulse effect
+    st.markdown(f"<p class='timer'>{timer_emoji} {font_func('Next refresh in:')} {countdown_str} {font_func('seconds')}</p>", unsafe_allow_html=True)
 
     # Auto-refresh logic
     if elapsed >= st.session_state.refresh_rate:
+        st.session_state.timer_start = time.time()
         st.session_state.last_refresh = time.time()
         st.rerun()
     else:
-        st.markdown(f"<script>window.setTimeout(() => window.location.reload(), {int((st.session_state.refresh_rate - elapsed) * 1000)});</script>", unsafe_allow_html=True)
+        st.markdown(f"<script>window.setTimeout(() => window.location.reload(), 1000);</script>", unsafe_allow_html=True)
 
     # Sidebar vote stats
     st.sidebar.subheader("Vote Totals")