Update app.py

app.py

@@ -1,34 +1,9 @@
-import os
 import requests
 import gradio as gr
 from datetime import datetime
 
-# Hugging Face Token
-HF_TOKEN = os.getenv("HF_TOKEN")
-
-def get_username_from_token():
-    """Retrieve the username using the Hugging Face token"""
-    if not HF_TOKEN:
-        return None
-
-    headers = {
-        "Authorization": f"Bearer {HF_TOKEN}",
-        "Accept": "application/json"
-    }
-
-    response = requests.get("https://huggingface.co/api/whoami", headers=headers)
-    print(f"Response status: {response.status_code}")
-    print(f"Response content: {response.text}")
-
-    if response.status_code == 200:
-        return response.json().get("name")
-    return None
-
-# Retrieve the username
-USERNAME = get_username_from_token()
-
-if not USERNAME:
-    raise ValueError("Error: Could not retrieve username. Check your Hugging Face token.")
+# 고정된 사용자 이름
+USERNAME = "openfree"
 
 def format_timestamp(timestamp):
     if timestamp:
@@ -38,58 +13,63 @@ def format_timestamp(timestamp):
 
 def get_space_card(space):
     """Generate HTML card for a space"""
+    space_name = space["repo_id"].split('/')[-1]
     return f"""
     <div style='border: 1px solid #ddd; padding: 15px; margin: 10px; border-radius: 8px; 
-                background-color: white; box-shadow: 2px 2px 5px rgba(0,0,0,0.1);'>
+                background-color: white; box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
+                transition: transform 0.2s ease-in-out;'
+         onmouseover='this.style.transform="scale(1.02)"'
+         onmouseout='this.style.transform="scale(1)"'>
         <h3 style='color: #2d2d2d; margin: 0 0 10px 0;'>
             <a href='https://huggingface.co/spaces/{space["repo_id"]}' target='_blank' 
                style='text-decoration: none; color: #2d2d2d;'>
-                {space["repo_id"].split('/')[-1]}
+                {space_name}
             </a>
         </h3>
-        <p style='margin: 5px 0;'><strong>Repository:</strong> {space["repo_id"]}</p>
-        <p style='margin: 5px 0;'><strong>Private:</strong> {space.get("private", False)}</p>
-        <p style='margin: 5px 0;'><strong>Last Modified:</strong> {format_timestamp(space.get("lastModified"))}</p>
-        <p style='margin: 5px 0;'><strong>Space SDK:</strong> {space.get("sdk", "N/A")}</p>
+        <p style='margin: 5px 0;'><strong>Description:</strong> 
+           {space.get("description", "No description available")}</p>
+        <p style='margin: 5px 0;'><strong>Last Modified:</strong> 
+           {format_timestamp(space.get("lastModified"))}</p>
+        <p style='margin: 5px 0;'><strong>Likes:</strong> 
+           {space.get("likes", 0)} ❤️</p>
+        <div style='margin-top: 10px;'>
+            <a href='https://huggingface.co/spaces/{space["repo_id"]}' target='_blank' 
+               style='background-color: #0084ff; color: white; padding: 5px 10px; 
+                      border-radius: 5px; text-decoration: none; display: inline-block;'>
+                View Space
+            </a>
+        </div>
     </div>
     """
 
 def get_user_spaces():
-    if not HF_TOKEN:
-        return "Error: Hugging Face token not found."
-
-    headers = {
-        "Authorization": f"Bearer {HF_TOKEN}",
-        "Accept": "application/json"
-    }
-    
-    # Get user's repositories filtered by space type
+    # 공개 API 호출 (토큰 불필요)
     response = requests.get(
         f"https://huggingface.co/api/models?author={USERNAME}&filter=space",
-        headers=headers
+        headers={"Accept": "application/json"}
     )
 
     if response.status_code != 200:
-        return f"Error: Failed to fetch spaces (Status Code: {response.status_code})\nResponse: {response.text}"
+        return f"Error: Failed to fetch spaces (Status Code: {response.status_code})"
 
     spaces = response.json()
 
     if not spaces:
-        return "No Spaces found for this user."
-
-    # Print response for debugging
-    print(f"Found {len(spaces)} spaces: {spaces}")
+        return "No public Spaces found for this user."
 
-    # Create HTML grid layout
+    # Create HTML grid layout with title and count
     html_content = f"""
-    <div style='
-        display: grid;
-        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-        gap: 20px;
-        padding: 20px;
-        background-color: #f5f5f5;
-    '>
-    {"".join(get_space_card(space) for space in spaces)}
+    <div style='padding: 20px; background-color: #f5f5f5;'>
+        <div style='margin-bottom: 20px;'>
+            <p style='color: #666; margin: 0;'>Found {len(spaces)} public spaces</p>
+        </div>
+        <div style='
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+            gap: 20px;
+        '>
+            {"".join(get_space_card(space) for space in spaces)}
+        </div>
     </div>
     """
 
@@ -100,8 +80,8 @@ app = gr.Interface(
     fn=get_user_spaces,
     inputs=None,
     outputs=gr.HTML(),
-    title=f"Hugging Face Spaces Dashboard - {USERNAME}",
-    description=f"Displays {USERNAME}'s Hugging Face Spaces in a grid layout",
+    title=f"Hugging Face Public Spaces - {USERNAME}",
+    description=f"Displays public Spaces from {USERNAME}",
     theme=gr.themes.Soft(),
     css="""
     .gradio-container {
@@ -112,4 +92,4 @@ app = gr.Interface(
 
 # Launch the Gradio app
 if __name__ == "__main__":
-    app.launch()
+    app.launch()