Upload 2 files

app_hf.py

@@ -0,0 +1,665 @@
+import gradio as gr
+import pandas as pd
+import requests
+import json
+import os
+from datetime import datetime, date
+
+# Custom CSS for modern styling
+CUSTOM_CSS = """
+.gradio-container {
+    max-width: 1400px !important;
+    margin: auto !important;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+    padding: 20px !important;
+    border-radius: 20px !important;
+    box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;
+}
+
+.welcome-section {
+    background: rgba(255, 255, 255, 0.95) !important;
+    border-radius: 20px !important;
+    padding: 30px !important;
+    margin: 20px 0 !important;
+    box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
+    text-align: center !important;
+}
+
+.stats-container {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: 20px;
+    margin: 25px 0;
+}
+
+.stat-card {
+    background: linear-gradient(135deg, rgba(255,255,255,0.25), rgba(255,255,255,0.15)) !important;
+    border-radius: 15px !important;
+    padding: 25px !important;
+    text-align: center !important;
+    backdrop-filter: blur(10px) !important;
+    border: 1px solid rgba(255,255,255,0.3) !important;
+    box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
+}
+
+.stat-number {
+    font-size: 2.5em !important;
+    font-weight: bold !important;
+    color: #FFE082 !important;
+    display: block !important;
+    margin-bottom: 8px !important;
+    text-shadow: 2px 2px 4px rgba(0,0,0,0.3) !important;
+}
+
+.stat-label {
+    color: white !important;
+    font-size: 1.1em !important;
+    font-weight: 500 !important;
+    text-transform: uppercase !important;
+    letter-spacing: 1px !important;
+}
+
+.main-header {
+    text-align: center;
+    color: white !important;
+    font-size: 3.2em !important;
+    font-weight: bold !important;
+    margin-bottom: 15px !important;
+    text-shadow: 3px 3px 6px rgba(0,0,0,0.4) !important;
+}
+
+.subtitle {
+    text-align: center;
+    color: rgba(255,255,255,0.9) !important;
+    font-size: 1.3em !important;
+    margin-bottom: 30px !important;
+}
+
+.card {
+    background: rgba(255, 255, 255, 0.95) !important;
+    border-radius: 15px !important;
+    padding: 25px !important;
+    margin: 15px 5px !important;
+    box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important;
+    border: 1px solid rgba(255, 255, 255, 0.2) !important;
+}
+
+.form-section {
+    background: rgba(102, 126, 234, 0.1) !important;
+    border-radius: 12px !important;
+    padding: 20px !important;
+    margin: 15px 0 !important;
+    border: 1px solid rgba(102, 126, 234, 0.2) !important;
+}
+
+.data-preview {
+    background: linear-gradient(135deg, #f8f9fa, #e9ecef) !important;
+    border-radius: 15px !important;
+    padding: 20px !important;
+    margin: 20px 0 !important;
+    box-shadow: inset 0 2px 10px rgba(0,0,0,0.05) !important;
+}
+
+.connection-status {
+    text-align: center;
+    padding: 15px;
+    margin: 20px 0;
+    border-radius: 10px;
+    font-weight: bold;
+    font-size: 1.1em;
+}
+
+.status-connected {
+    background: linear-gradient(135deg, #4CAF50, #45a049);
+    color: white;
+}
+
+.status-error {
+    background: linear-gradient(135deg, #f44336, #d32f2f);
+    color: white;
+}
+
+.footer-info {
+    text-align: center;
+    margin-top: 40px;
+    padding: 25px;
+    background: rgba(255,255,255,0.15);
+    border-radius: 20px;
+    color: white;
+    backdrop-filter: blur(10px);
+    border: 1px solid rgba(255,255,255,0.2);
+}
+"""
+
+class SupabaseRestClient:
+    def __init__(self):
+        """Initialize Supabase REST API client"""
+        self.url = "https://bnjblzcqaumctpehgoid.supabase.co"
+        
+        # Get API key from environment (HF secret) or fallback
+        self.api_key = os.getenv('SUPABASE_KEY', 
+                                "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImJuamJsemNxYXVtY3RwZWhnb2lkIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTgyOTA0OTQsImV4cCI6MjA3Mzg2NjQ5NH0.L4wPzuBj9dlSKpYxO1eDX-57KcP0mbNfN8stmTB-STM")
+        
+        self.headers = {
+            "apikey": self.api_key,
+            "Authorization": f"Bearer {self.api_key}",
+            "Content-Type": "application/json"
+        }
+        
+        # Test connection
+        self.connection_status = self.test_connection()
+    
+    def test_connection(self):
+        """Test the Supabase REST API connection"""
+        try:
+            response = requests.get(
+                f"{self.url}/rest/v1/member?select=count",
+                headers=self.headers,
+                timeout=10
+            )
+            
+            if response.status_code == 200:
+                key_source = "🔐 HF Secret" if os.getenv('SUPABASE_KEY') else "🔑 Local Key"
+                return f"🟢 Connected to Supabase Database ({key_source})"
+            else:
+                return f"🔴 Connection failed: HTTP {response.status_code}"
+                
+        except Exception as e:
+            return f"🔴 Connection error: {str(e)}"
+    
+    def get_table_data(self, table_name, limit=100):
+        """Get data from a Supabase table"""
+        try:
+            response = requests.get(
+                f"{self.url}/rest/v1/{table_name}?limit={limit}",
+                headers=self.headers,
+                timeout=10
+            )
+            
+            if response.status_code == 200:
+                return response.json()
+            else:
+                return []
+                
+        except Exception as e:
+            print(f"Error fetching {table_name}: {e}")
+            return []
+    
+    def insert_data(self, table_name, data):
+        """Insert data into a Supabase table"""
+        try:
+            response = requests.post(
+                f"{self.url}/rest/v1/{table_name}",
+                headers=self.headers,
+                json=data,
+                timeout=10
+            )
+            
+            return response.status_code == 201
+            
+        except Exception as e:
+            print(f"Error inserting into {table_name}: {e}")
+            return False
+    
+    def update_data(self, table_name, id_field, id_value, data):
+        """Update data in a Supabase table"""
+        try:
+            response = requests.patch(
+                f"{self.url}/rest/v1/{table_name}?{id_field}=eq.{id_value}",
+                headers=self.headers,
+                json=data,
+                timeout=10
+            )
+            
+            return response.status_code == 204
+            
+        except Exception as e:
+            print(f"Error updating {table_name}: {e}")
+            return False
+
+class LibraryManagement:
+    def __init__(self):
+        """Initialize library management with Supabase REST API"""
+        self.supabase = SupabaseRestClient()
+        self.connection_status = self.supabase.connection_status
+    
+    def get_dashboard_stats(self):
+        """Get dashboard statistics"""
+        try:
+            members_data = self.supabase.get_table_data("member")
+            books_data = self.supabase.get_table_data("book")
+            borrows_data = self.supabase.get_table_data("borrow")
+            
+            # Count active borrows (where return_date is null)
+            active_borrows = len([b for b in borrows_data if b.get('return_date') is None])
+            
+            return len(members_data), len(books_data), active_borrows
+        except:
+            return 0, 0, 0
+    
+    def get_all_members(self):
+        """Get all library members with enhanced formatting"""
+        try:
+            data = self.supabase.get_table_data("member")
+            if data:
+                df = pd.DataFrame(data)
+                df.columns = ['🆔 ID', '👤 Name', '📧 Email']
+                return df
+            else:
+                return pd.DataFrame([{"📌 Status": "No members found or connection issue"}])
+        except Exception as e:
+            return pd.DataFrame([{"❌ Error": str(e)}])
+    
+    def get_all_books(self):
+        """Get all books with enhanced formatting"""
+        try:
+            data = self.supabase.get_table_data("book")
+            if data:
+                df = pd.DataFrame(data)
+                df.columns = ['🆔 ID', '📖 Title', '✍️ Author', '📅 Year']
+                return df
+            else:
+                return pd.DataFrame([{"📌 Status": "No books found or connection issue"}])
+        except Exception as e:
+            return pd.DataFrame([{"❌ Error": str(e)}])
+    
+    def get_current_borrows(self):
+        """Get current borrows with enhanced formatting"""
+        try:
+            # Get active borrows
+            borrows_data = self.supabase.get_table_data("borrow")
+            active_borrows = [b for b in borrows_data if b.get('return_date') is None]
+            
+            if not active_borrows:
+                return pd.DataFrame([{"📌 Status": "No active borrows"}])
+            
+            # Get members and books for joining
+            members_data = self.supabase.get_table_data("member")
+            books_data = self.supabase.get_table_data("book")
+            
+            # Create lookup dictionaries
+            member_dict = {m['id']: m for m in members_data}
+            book_dict = {b['id']: b for b in books_data}
+            
+            # Build enhanced result
+            result_data = []
+            for borrow in active_borrows:
+                member = member_dict.get(borrow['member_id'], {})
+                book = book_dict.get(borrow['book_id'], {})
+                
+                # Calculate days borrowed
+                try:
+                    borrow_date = datetime.strptime(borrow['borrow_date'], '%Y-%m-%d').date()
+                    days_borrowed = (date.today() - borrow_date).days
+                except:
+                    days_borrowed = 0
+                
+                result_data.append({
+                    '🆔 ID': borrow['id'],
+                    '👤 Member': member.get('name', 'Unknown'),
+                    '📧 Email': member.get('email', 'Unknown'),
+                    '📖 Book': book.get('title', 'Unknown'),
+                    '✍️ Author': book.get('author', 'Unknown'),
+                    '📅 Date': borrow['borrow_date'],
+                    '⏱️ Days': days_borrowed
+                })
+            
+            return pd.DataFrame(result_data)
+            
+        except Exception as e:
+            return pd.DataFrame([{"❌ Error": str(e)}])
+    
+    def add_member(self, name: str, email: str):
+        """Add a new member"""
+        try:
+            if not name or not email:
+                return "❌ Name and email are required"
+            
+            data = {"name": name, "email": email}
+            success = self.supabase.insert_data("member", data)
+            
+            if success:
+                return f"✅ Successfully added member: {name}"
+            else:
+                return "❌ Failed to add member"
+                
+        except Exception as e:
+            if "duplicate" in str(e).lower():
+                return "❌ Email already exists"
+            return f"❌ Error: {str(e)}"
+    
+    def add_book(self, title: str, author: str, year: int):
+        """Add a new book"""
+        try:
+            if not title or not author:
+                return "❌ Title and author are required"
+            
+            if year < 1900 or year > datetime.now().year + 1:
+                return "❌ Invalid year"
+            
+            data = {"title": title, "author": author, "year": year}
+            success = self.supabase.insert_data("book", data)
+            
+            if success:
+                return f"✅ Successfully added book: {title}"
+            else:
+                return "❌ Failed to add book"
+                
+        except Exception as e:
+            return f"❌ Error: {str(e)}"
+    
+    def get_member_choices(self):
+        """Get member choices for dropdown"""
+        try:
+            data = self.supabase.get_table_data("member")
+            return [(f"👤 {m['name']} (ID: {m['id']})", m['id']) for m in data]
+        except:
+            return [("No members found", 0)]
+    
+    def get_book_choices(self):
+        """Get book choices for dropdown"""
+        try:
+            books_data = self.supabase.get_table_data("book")
+            borrows_data = self.supabase.get_table_data("borrow")
+            
+            # Get currently borrowed book IDs
+            borrowed_book_ids = set()
+            for borrow in borrows_data:
+                if borrow.get('return_date') is None:
+                    borrowed_book_ids.add(borrow['book_id'])
+            
+            # Filter available books
+            available_books = [b for b in books_data if b['id'] not in borrowed_book_ids]
+            
+            return [(f"📖 {b['title']} by {b['author']}", b['id']) for b in available_books]
+        except:
+            return [("No books found", 0)]
+    
+    def get_borrow_choices(self):
+        """Get active borrow choices for dropdown"""
+        try:
+            borrows_data = self.supabase.get_table_data("borrow")
+            members_data = self.supabase.get_table_data("member")
+            books_data = self.supabase.get_table_data("book")
+            
+            # Create lookup dictionaries
+            member_dict = {m['id']: m for m in members_data}
+            book_dict = {b['id']: b for b in books_data}
+            
+            active_borrows = [b for b in borrows_data if b.get('return_date') is None]
+            
+            choices = []
+            for borrow in active_borrows:
+                member = member_dict.get(borrow['member_id'], {})
+                book = book_dict.get(borrow['book_id'], {})
+                
+                label = f"📚 {member.get('name', 'Unknown')} - {book.get('title', 'Unknown')}"
+                choices.append((label, borrow['id']))
+            
+            return choices if choices else [("No active borrows", 0)]
+        except:
+            return [("Error loading borrows", 0)]
+
+# Initialize the library management system
+library = LibraryManagement()
+
+# Interface functions
+def refresh_dashboard():
+    """Refresh dashboard stats"""
+    members_count, books_count, active_borrows = library.get_dashboard_stats()
+    
+    members_html = f'<div class="stat-card"><span class="stat-number">{members_count}</span><span class="stat-label">👥 Members</span></div>'
+    books_html = f'<div class="stat-card"><span class="stat-number">{books_count}</span><span class="stat-label">📚 Books</span></div>'
+    borrows_html = f'<div class="stat-card"><span class="stat-number">{active_borrows}</span><span class="stat-label">📖 Active Loans</span></div>'
+    
+    return members_html, books_html, borrows_html
+
+def add_new_member(name, email):
+    status = library.add_member(name, email)
+    members_df = library.get_all_members()
+    return status, members_df, "", ""  # Clear form
+
+def add_new_book(title, author, year):
+    status = library.add_book(title, author, year)
+    books_df = library.get_all_books()
+    return status, books_df, "", "", 2024  # Clear form
+
+def borrow_book_action(member_choice, book_choice):
+    """Create a new borrow record"""
+    try:
+        if not member_choice or not book_choice:
+            return "❌ Please select both member and book", library.get_current_borrows()
+        
+        data = {
+            "member_id": member_choice,
+            "book_id": book_choice,
+            "borrow_date": date.today().isoformat()
+        }
+        
+        success = library.supabase.insert_data("borrow", data)
+        
+        if success:
+            return "✅ Book borrowed successfully! 📚", library.get_current_borrows()
+        else:
+            return "❌ Failed to create borrow record", library.get_current_borrows()
+            
+    except Exception as e:
+        return f"❌ Error: {str(e)}", library.get_current_borrows()
+
+def return_book_action(borrow_choice):
+    """Return a borrowed book"""
+    try:
+        if not borrow_choice:
+            return "❌ Please select a borrow record", library.get_current_borrows()
+        
+        data = {"return_date": date.today().isoformat()}
+        success = library.supabase.update_data("borrow", "id", borrow_choice, data)
+        
+        if success:
+            return "✅ Book returned successfully! 📚➡️", library.get_current_borrows()
+        else:
+            return "❌ Failed to return book", library.get_current_borrows()
+            
+    except Exception as e:
+        return f"❌ Error: {str(e)}", library.get_current_borrows()
+
+# Create the Gradio interface
+with gr.Blocks(title="🏛️ Modern Library Management System", css=CUSTOM_CSS, theme=gr.themes.Soft()) as app:
+    
+    # Header
+    gr.HTML('<h1 class="main-header">🏛️ Modern Library Management System</h1>')
+    gr.HTML('<div class="subtitle">📚 Your Complete Digital Library Solution</div>')
+    
+    # Connection status
+    status_class = "status-connected" if "🟢" in library.connection_status else "status-error"
+    gr.HTML(f'<div class="connection-status {status_class}">📡 {library.connection_status}</div>')
+    
+    # Welcome section with immediate data display
+    with gr.Column():
+        gr.HTML('<div class="welcome-section">')
+        gr.Markdown("## 🌟 Welcome to Your Library!")
+        gr.Markdown("### 📊 Live Dashboard")
+        
+        with gr.Row():
+            members_stat = gr.HTML()
+            books_stat = gr.HTML()
+            borrows_stat = gr.HTML()
+        
+        refresh_dashboard_btn = gr.Button("🔄 Refresh Dashboard", variant="primary", size="lg")
+        gr.HTML('</div>')
+        
+        # Immediate data preview
+        gr.HTML('<div class="data-preview">')
+        gr.Markdown("### 📋 Current Library Data")
+        
+        with gr.Row():
+            with gr.Column():
+                gr.Markdown("#### 👥 Library Members")
+                members_preview = gr.Dataframe(
+                    label="Members",
+                    interactive=False,
+                    height=250
+                )
+            
+            with gr.Column():
+                gr.Markdown("#### 📚 Book Catalog")
+                books_preview = gr.Dataframe(
+                    label="Books",
+                    interactive=False,
+                    height=250
+                )
+        
+        with gr.Row():
+            gr.Markdown("#### 📖 Active Borrowings")
+            borrows_preview = gr.Dataframe(
+                label="Current Borrowings",
+                interactive=False,
+                height=200
+            )
+        
+        gr.HTML('</div>')
+    
+    with gr.Tabs():
+        # Members Management
+        with gr.Tab("👥 Members Management"):
+            gr.HTML('<div class="card">')
+            gr.Markdown("### 👥 Complete Members Management")
+            
+            refresh_members_btn = gr.Button("🔄 Refresh Members", variant="secondary")
+            members_table = gr.Dataframe(label="📋 All Members", interactive=False, wrap=True, height=300)
+            
+            gr.HTML('<div class="form-section">')
+            gr.Markdown("#### ➕ Add New Member")
+            
+            with gr.Row():
+                member_name = gr.Textbox(label="👤 Name", placeholder="Enter member name")
+                member_email = gr.Textbox(label="📧 Email", placeholder="Enter email address")
+            
+            add_member_btn = gr.Button("➕ Add Member", variant="primary", size="lg")
+            member_status = gr.Textbox(label="📝 Status", interactive=False)
+            gr.HTML('</div>')
+            gr.HTML('</div>')
+        
+        # Books Management
+        with gr.Tab("📚 Books Management"):
+            gr.HTML('<div class="card">')
+            gr.Markdown("### 📚 Complete Books Management")
+            
+            refresh_books_btn = gr.Button("🔄 Refresh Books", variant="secondary")
+            books_table = gr.Dataframe(label="📋 All Books", interactive=False, wrap=True, height=300)
+            
+            gr.HTML('<div class="form-section">')
+            gr.Markdown("#### ➕ Add New Book")
+            
+            with gr.Row():
+                book_title = gr.Textbox(label="📖 Title", placeholder="Enter book title")
+                book_author = gr.Textbox(label="✍️ Author", placeholder="Enter author name")
+                book_year = gr.Number(label="📅 Year", value=2024, minimum=1900, maximum=2030)
+            
+            add_book_btn = gr.Button("➕ Add Book", variant="primary", size="lg")
+            book_status = gr.Textbox(label="📝 Status", interactive=False)
+            gr.HTML('</div>')
+            gr.HTML('</div>')
+        
+        # Borrowing Management
+        with gr.Tab("📝 Borrowing Management"):
+            gr.HTML('<div class="card">')
+            gr.Markdown("### 📖 Complete Borrowing Management")
+            
+            refresh_borrows_btn = gr.Button("🔄 Refresh Borrowings", variant="secondary")
+            borrows_table = gr.Dataframe(label="📋 All Borrowings", interactive=False, wrap=True, height=300)
+            
+            gr.HTML('<div class="form-section">')
+            gr.Markdown("#### 📚 Issue New Book")
+            
+            with gr.Row():
+                member_dropdown = gr.Dropdown(label="👤 Select Member", value=None)
+                book_dropdown = gr.Dropdown(label="📖 Select Available Book", value=None)
+            
+            refresh_dropdowns_btn = gr.Button("🔄 Refresh Options", size="sm")
+            borrow_btn = gr.Button("📚 Issue Book", variant="primary", size="lg")
+            borrow_status = gr.Textbox(label="📝 Issue Status", interactive=False)
+            gr.HTML('</div>')
+            
+            gr.HTML('<div class="form-section">')
+            gr.Markdown("#### ↩️ Return Book")
+            
+            borrow_dropdown = gr.Dropdown(label="📚 Select Book to Return", value=None)
+            refresh_return_btn = gr.Button("🔄 Refresh Returns", size="sm")
+            return_btn = gr.Button("↩️ Return Book", variant="secondary", size="lg")
+            return_status = gr.Textbox(label="📝 Return Status", interactive=False)
+            gr.HTML('</div>')
+            gr.HTML('</div>')
+    
+    # Load initial data
+    app.load(
+        lambda: [
+            *refresh_dashboard(),
+            library.get_all_members(),
+            library.get_all_books(),
+            library.get_current_borrows(),
+            gr.Dropdown(choices=library.get_member_choices()),
+            gr.Dropdown(choices=library.get_book_choices()),
+            gr.Dropdown(choices=library.get_borrow_choices())
+        ],
+        outputs=[
+            members_stat, books_stat, borrows_stat,
+            members_preview, books_preview, borrows_preview,
+            member_dropdown, book_dropdown, borrow_dropdown
+        ]
+    )
+    
+    # Event handlers
+    refresh_dashboard_btn.click(refresh_dashboard, outputs=[members_stat, books_stat, borrows_stat])
+    refresh_members_btn.click(library.get_all_members, outputs=members_table)
+    refresh_books_btn.click(library.get_all_books, outputs=books_table)
+    refresh_borrows_btn.click(library.get_current_borrows, outputs=borrows_table)
+    
+    add_member_btn.click(
+        add_new_member,
+        inputs=[member_name, member_email],
+        outputs=[member_status, members_table, member_name, member_email]
+    )
+    
+    add_book_btn.click(
+        add_new_book,
+        inputs=[book_title, book_author, book_year],
+        outputs=[book_status, books_table, book_title, book_author, book_year]
+    )
+    
+    refresh_dropdowns_btn.click(
+        lambda: [gr.Dropdown(choices=library.get_member_choices()), 
+                gr.Dropdown(choices=library.get_book_choices())],
+        outputs=[member_dropdown, book_dropdown]
+    )
+    
+    refresh_return_btn.click(
+        lambda: gr.Dropdown(choices=library.get_borrow_choices()),
+        outputs=borrow_dropdown
+    )
+    
+    borrow_btn.click(
+        borrow_book_action,
+        inputs=[member_dropdown, book_dropdown],
+        outputs=[borrow_status, borrows_table]
+    )
+    
+    return_btn.click(
+        return_book_action,
+        inputs=[borrow_dropdown],
+        outputs=[return_status, borrows_table]
+    )
+    
+    # Footer
+    gr.HTML('''
+    <div class="footer-info">
+        <h3>🏛️ Modern Library Management System</h3>
+        <p><strong>✨ Features:</strong> Real-time dashboard • Member management • Book catalog • Borrowing system</p>
+        <p><strong>🔗 Connection:</strong> Direct Supabase REST API | Production Ready</p>
+        <p><strong>🚀 Status:</strong> Deployed on Hugging Face Spaces | Mobile Responsive | Secure</p>
+    </div>
+    ''')
+
+# Launch the app
+if __name__ == "__main__":
+    app.launch()

requirements_hf.txt

@@ -0,0 +1,3 @@
+gradio==4.44.1
+pandas==2.3.2
+requests==2.31.0