Update app.py

app.py

@@ -254,7 +254,7 @@ async def periodic_update():
             await broadcast_message(f"System|{message}", "quest")
             await broadcast_message(f"MAP_UPDATE:{player_data}", "quest")
             
-            prairie_list = ", ".join([f"{p['username']} ({p['animal']})" for p in st.session_state.prairie_players.values()]) or "No animals yet!"
+            prairie_list = ", ".join([F"{p['username']} ({p['animal']})" for p in st.session_state.prairie_players.values()]) or "No animals yet!"
             prairie_message = f"🌾 Prairie Update: {prairie_list}"
             prairie_data = json.dumps(list(st.session_state.prairie_players.values()))
             await broadcast_message(f"System|{prairie_message}", "quest")
@@ -437,65 +437,65 @@ prairie_simulator_html = """
     <script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
     <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
     <script>
-        const playerName = "{username}";
+        const playerName = "%s";
         let ws = new WebSocket('ws://localhost:8765/prairie');
         const map = L.map('map').setView([44.0, -103.0], 7);
-        L.tileLayer('https://{{s}}.tile.openstreetmap.org/{{z}}/{{x}}/{{y}}.png', {{
+        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
             attribution: '© OpenStreetMap contributors'
-        }}).addTo(map);
+        }).addTo(map);
 
-        const locations = {{
+        const locations = {
             "Deadwood, SD": [44.3769, -103.7298],
             "Wind Cave National Park": [43.6047, -103.4798],
             "Wyoming Spring Creek": [41.6666, -106.6666]
-        }};
-        for (let loc in locations) {{
+        };
+        for (let loc in locations) {
             L.marker(locations[loc]).addTo(map).bindPopup(loc);
-        }}
+        }
 
-        let players = {{}};
-        const markers = {{}};
+        let players = {};
+        const markers = {};
 
-        function updatePlayers(playerData) {{
-            playerData.forEach(player => {{
-                if (!markers[player.username]) {{
-                    markers[player.username] = L.circleMarker(player.location, {{
-                        color: `#${{player.color.toString(16).padStart(6, '0')}}`,
+        function updatePlayers(playerData) {
+            playerData.forEach(player => {
+                if (!markers[player.username]) {
+                    markers[player.username] = L.circleMarker(player.location, {
+                        color: `#${player.color.toString(16).padStart(6, '0')}`,
                         radius: 5
-                    }}).addTo(map).bindPopup(`${{player.username}} (${{player.animal}})`);
-                }} else {{
+                    }).addTo(map).bindPopup(`${player.username} (${player.animal})`);
+                } else {
                     markers[player.username].setLatLng(player.location);
-                }}
-            }});
-            document.getElementById('status').textContent = `Players: ${{Object.keys(markers).length}}`;
-        }}
+                }
+            });
+            document.getElementById('status').textContent = `Players: ${Object.keys(markers).length}`;
+        }
 
-        function updateAnimal() {{
+        function updateAnimal() {
             const animal = document.getElementById('animal').value;
-            ws.send(`${{playerName}}|PRAIRIE:ANIMAL:${{animal}}`);
-        }}
+            ws.send(`${playerName}|PRAIRIE:ANIMAL:${animal}`);
+        }
 
-        function move() {{
+        function move() {
             const location = document.getElementById('location').value;
-            ws.send(`${{playerName}}|PRAIRIE:MOVE:${{location}}`);
-        }}
+            ws.send(`${playerName}|PRAIRIE:MOVE:${location}`);
+        }
 
-        ws.onmessage = function(event) {{
+        ws.onmessage = function(event) {
             const data = event.data;
-            if (data.startsWith('PRAIRIE_UPDATE:')) {{
+            if (data.startsWith('PRAIRIE_UPDATE:')) {
                 const playerData = JSON.parse(data.split('PRAIRIE_UPDATE:')[1]);
                 updatePlayers(playerData);
-            }} else if (!data.startsWith('MAP_UPDATE:')) {{
+            } else if (!data.startsWith('MAP_UPDATE:')) {
                 const [sender, message] = data.split('|');
                 const chatBox = document.getElementById('chatBox');
-                chatBox.innerHTML += `<p>${{sender}}: ${{message}}</p>`;
+                chatBox.innerHTML += `<p>${sender}: ${message}</p>`;
                 chatBox.scrollTop = chatBox.scrollHeight;
-            }}
-        }};
+            }
+        };
     </script>
 </body>
 </html>
-""".format(username=st.session_state.username)
+""" % st.session_state.username
 
 # Main Game Loop
 def main():