Update app.py

app.py

@@ -3,46 +3,60 @@ from streamlit_javascript import st_javascript
 import requests
 import os
 import pandas as pd
+import json
 
-# Google API Key (Stored in Hugging Face Secrets)
+# Google API Key (Stored as a secret in Hugging Face Spaces)
 API_KEY = os.getenv("GOOGLE_PLACES_API_KEY")
 
 st.title("📍 AI-Powered Restaurant & Museum Finder")
 
-# JavaScript function to get geolocation (with error handling)
+# Run JavaScript to get geolocation
 js_code = """
 navigator.geolocation.getCurrentPosition(
     (position) => {
-        const coords = { latitude: position.coords.latitude, longitude: position.coords.longitude };
-        document.body.setAttribute('data-coords', JSON.stringify(coords));
+        const coords = JSON.stringify({ latitude: position.coords.latitude, longitude: position.coords.longitude });
+        localStorage.setItem('user_coords', coords);
     },
     (error) => {
-        document.body.setAttribute('data-coords', JSON.stringify({ error: error.message }));
+        localStorage.setItem('user_coords', JSON.stringify({ error: error.message }));
     }
 );
-document.body.getAttribute('data-coords');
+localStorage.getItem('user_coords');
 """
 
 location = st_javascript(js_code)
 
-# Debugging: Show raw location response
+# Debugging: Display raw location response
 st.write("📌 Raw Location Data:", location)
 
-if location and "latitude" in location:
-    lat, lon = location["latitude"], location["longitude"]
-    st.success(f"Detected Location: {lat}, {lon}")
+# Check if location was successfully fetched
+if location:
+    try:
+        loc_data = json.loads(location)
+        if "latitude" in loc_data:
+            lat, lon = loc_data["latitude"], loc_data["longitude"]
+            st.success(f"✅ Detected Location: {lat}, {lon}")
+        else:
+            st.warning(f"⚠ Error: {loc_data.get('error', 'Unknown issue')}")
+            lat = st.number_input("Enter Latitude", value=40.7128)  # Default: NYC
+            lon = st.number_input("Enter Longitude", value=-74.0060)  # Default: NYC
+    except json.JSONDecodeError:
+        st.error("❌ Error processing location data. Try refreshing the page.")
+        lat = st.number_input("Enter Latitude", value=40.7128)
+        lon = st.number_input("Enter Longitude", value=-74.0060)
 else:
     st.warning("⚠ Unable to detect location. Please enable location services or enter manually.")
-    lat = st.number_input("Enter Latitude", value=40.7128)  # Default: New York
-    lon = st.number_input("Enter Longitude", value=-74.0060)  # Default: New York
+    lat = st.number_input("Enter Latitude", value=40.7128)  # Default: NYC
+    lon = st.number_input("Enter Longitude", value=-74.0060)  # Default: NYC
 
+# Fetch places from Google Places API
 def fetch_places(lat, lon, place_type="restaurant"):
     radius = 3000  # 3km range
     url = f"https://maps.googleapis.com/maps/api/place/nearbysearch/json?location={lat},{lon}&radius={radius}&type={place_type}&key={API_KEY}"
     response = requests.get(url)
     return response.json().get("results", [])
 
-# Choose category
+# Choose category (restaurant or museum)
 place_type = st.selectbox("Choose a Category", ["restaurant", "museum"])
 places = fetch_places(lat, lon, place_type)
 
@@ -53,4 +67,4 @@ if places:
     ])
     st.table(df)
 else:
-    st.warning(f"No {place_type}s found nearby.")
+    st.warning(f"⚠ No {place_type}s found nearby. Try increasing the radius or entering a different location.")