Fix Streamlit page config to resolve Hugging Face deployment error

advanced_scraper_ui.py

@@ -9,41 +9,7 @@ from datetime import datetime
 from dotenv import load_dotenv
 from enhanced_scraper import EnhancedRedditScraper
 
-# Page configuration
-st.set_page_config(
-    page_title="Advanced Reddit Scraper",
-    page_icon="📊",
-    layout="wide",
-    initial_sidebar_state="expanded"
-)
-
-# Add custom CSS
-st.markdown("""
-<style>
-    .main-header {
-        font-size: 2.5rem;
-        margin-bottom: 1rem;
-    }
-    .subheader {
-        font-size: 1.5rem;
-        color: #ff4500;
-        margin-bottom: 1rem;
-    }
-    .card {
-        padding: 1rem;
-        border-radius: 0.5rem;
-        margin-bottom: 1rem;
-        border: 1px solid #ddd;
-    }
-    .small-text {
-        font-size: 0.8rem;
-        color: #777;
-    }
-    .stButton button {
-        width: 100%;
-    }
-</style>
-""", unsafe_allow_html=True)
+# Note: Page configuration moved to app.py for Hugging Face Space compatibility
 
 # Session state initialization
 if 'results' not in st.session_state:

app.py

@@ -5,6 +5,14 @@ import os
 import streamlit as st
 from dotenv import load_dotenv
 
+# Configure Streamlit page
+st.set_page_config(
+    page_title="Reddit Scraper",
+    page_icon="📊",
+    layout="wide",
+    initial_sidebar_state="expanded"
+)
+
 # Load environment variables from .streamlit/secrets.toml if in Hugging Face Space Environment
 def load_huggingface_secrets():
     try:
@@ -30,9 +38,67 @@ def load_huggingface_secrets():
 load_huggingface_secrets()
 load_dotenv()
 
-# Import the main app after environment setup to ensure it has access to variables
-from advanced_scraper_ui import main
+# Add custom CSS
+st.markdown("""
+<style>
+    .main-header {
+        font-size: 2.5rem;
+        margin-bottom: 1rem;
+    }
+    .subheader {
+        font-size: 1.5rem;
+        color: #ff4500;
+        margin-bottom: 1rem;
+    }
+    .card {
+        padding: 1rem;
+        border-radius: 0.5rem;
+        margin-bottom: 1rem;
+        border: 1px solid #ddd;
+    }
+    .small-text {
+        font-size: 0.8rem;
+        color: #777;
+    }
+    .stButton button {
+        width: 100%;
+    }
+</style>
+""", unsafe_allow_html=True)
+
+# Now import functions from the UI module
+# But not the whole file to avoid st.set_page_config being called twice
+import sys
+import importlib.util
+
+# Import individual functions from advanced_scraper_ui
+spec = importlib.util.spec_from_file_location("advanced_scraper_ui", "advanced_scraper_ui.py")
+ui_module = importlib.util.module_from_spec(spec)
+sys.modules["advanced_scraper_ui"] = ui_module
+spec.loader.exec_module(ui_module)
 
 # Run the main app
 if __name__ == "__main__":
-    main()
+    try:
+        # Call the main function without re-importing the whole module
+        ui_module.main()
+    except Exception as e:
+        st.error(f"Error running the application: {str(e)}")
+        st.error("This might be due to missing Reddit API credentials.")
+        
+        # Display instructions for setting up credentials
+        st.markdown("""
+        ## Setting up Reddit API Credentials
+        
+        This app requires Reddit API credentials to function properly. You can:
+        
+        1. Enter your credentials directly in the sidebar when the app loads, or
+        2. Set them up as Hugging Face Space secrets (if you've duplicated this Space)
+        
+        To obtain Reddit API credentials:
+        1. Go to https://www.reddit.com/prefs/apps
+        2. Click "Create App" or "Create Another App" 
+        3. Fill in the details and select "script" as the application type
+        4. Use "http://localhost:8000" as the redirect URI
+        5. Take note of the client ID and client secret
+        """)