Update app.py

app.py

@@ -8,7 +8,7 @@ import uuid
 import math
 import time
 
-# Import our GameState class
+# Import our GameState class from gamestate.py
 from gamestate import GameState
 
 # --- Constants ---
@@ -104,12 +104,15 @@ def save_plot_data(filename, objects_data_list, plot_x_offset, plot_z_offset):
             continue
 
         relative_obj = {
-            'obj_id': obj_id, 'type': obj_type,
+            'obj_id': obj_id, 
+            'type': obj_type,
             'pos_x': pos.get('x', 0.0) - plot_x_offset,
             'pos_y': pos.get('y', 0.0),
             'pos_z': pos.get('z', 0.0) - plot_z_offset,
-            'rot_x': rot.get('_x', 0.0), 'rot_y': rot.get('_y', 0.0),
-            'rot_z': rot.get('_z', 0.0), 'rot_order': rot.get('_order', 'XYZ')
+            'rot_x': rot.get('_x', 0.0), 
+            'rot_y': rot.get('_y', 0.0),
+            'rot_z': rot.get('_z', 0.0), 
+            'rot_order': rot.get('_order', 'XYZ')
         }
         relative_objects.append(relative_obj)
 
@@ -161,8 +164,8 @@ with st.sidebar:
             target_x = plot['x_offset']
             target_z = plot['z_offset']
             try:
-                js_code = f"teleportPlayer({target_x + PLOT_WIDTH/2}, {target_z + PLOT_DEPTH/2});"
                 from streamlit_js_eval import streamlit_js_eval
+                js_code = f"teleportPlayer({target_x + PLOT_WIDTH/2}, {target_z + PLOT_DEPTH/2});"
                 streamlit_js_eval(js_code=js_code, key=f"teleport_{plot['id']}")
             except Exception as e:
                 st.error(f"Failed to send teleport command: {e}")
@@ -236,7 +239,7 @@ if save_data_from_js is not None:
 st.header("Infinite Shared 3D World")
 st.caption("Move to empty areas to expand the world. Use the sidebar 'Save' to store your work.")
 
-# Inject state into JS—including the shared GAME_STATE from our GameState singleton.
+# Prepare state to inject into HTML/JS
 injected_state = {
     "ALL_INITIAL_OBJECTS": all_initial_objects,
     "PLOTS_METADATA": plots_metadata,
@@ -248,11 +251,13 @@ injected_state = {
 
 html_file_path = 'index.html'
 html_content_with_state = None
+
 try:
     with open(html_file_path, 'r', encoding='utf-8') as f:
         html_template = f.read()
 
-js_injection_script = f"""
+    # Use doubled curly braces for literal braces in the injected JS code.
+    js_injection_script = f"""
 <script>
     window.ALL_INITIAL_OBJECTS = {json.dumps(injected_state["ALL_INITIAL_OBJECTS"])};
     window.PLOTS_METADATA = {json.dumps(injected_state["PLOTS_METADATA"])};
@@ -268,4 +273,11 @@ js_injection_script = f"""
     }});
 </script>
 """
-
+    html_content_with_state = html_template.replace('</head>', js_injection_script + '\n</head>', 1)
+    components.html(html_content_with_state, height=750, scrolling=False)
+except FileNotFoundError:
+    st.error(f"CRITICAL ERROR: Could not find the file '{html_file_path}'.")
+    st.warning(f"Make sure `{html_file_path}` is in the same directory as `app.py` and `{SAVE_DIR}` exists.")
+except Exception as e:
+    st.error(f"An critical error occurred during HTML preparation or component rendering: {e}")
+    st.exception(e)