Update app.py

app.py

@@ -5,7 +5,73 @@ from datetime import datetime, timezone
 API_URL = "https://huggingface.co/api/daily_papers"
 
 class PaperManager:
-    # ... [The PaperManager class remains unchanged] ...
+    def __init__(self, papers_per_page=10):
+        self.papers_per_page = papers_per_page
+        self.current_page = 1
+        self.papers = []
+        self.total_pages = 1
+
+    def fetch_papers(self):
+        try:
+            response = requests.get(f"{API_URL}?limit=50")
+            response.raise_for_status()
+            data = response.json()
+            self.papers = sorted(data, key=lambda x: x.get('paper', {}).get('upvotes', 0), reverse=True)
+            self.total_pages = (len(self.papers) + self.papers_per_page - 1) // self.papers_per_page
+            self.current_page = 1
+            return True
+        except requests.RequestException as e:
+            print(f"Error fetching papers: {e}")
+            return False
+
+    def format_paper(self, paper):
+        title = paper.get('title', 'No title')
+        url = f"https://huggingface.co/papers/{paper['paper'].get('id', '')}"
+        authors = ', '.join([author.get('name', '') for author in paper['paper'].get('authors', [])])
+        upvotes = paper.get('paper', {}).get('upvotes', 0)
+        comments = paper.get('numComments', 0)
+        published_time = datetime.fromisoformat(paper.get('publishedAt', datetime.now(timezone.utc).isoformat()).replace('Z', '+00:00'))
+        time_ago = (datetime.now(timezone.utc) - published_time).days
+        
+        return f"""
+        <div class="paper-item">
+            <h3><a href="{url}" target="_blank">{title}</a></h3>
+            <p class="paper-meta">
+                <span class="upvotes">{upvotes} ▲</span> 
+                <span class="authors">{authors}</span>
+                <span class="time-ago">{time_ago}d</span>
+                <span class="comments">{comments}💬</span>
+            </p>
+        </div>
+        """
+
+    def render_papers(self):
+        start = (self.current_page - 1) * self.papers_per_page
+        end = start + self.papers_per_page
+        current_papers = self.papers[start:end]
+        
+        if not current_papers:
+            return "<div class='no-papers'>No papers available for this page.</div>"
+        
+        return "".join([self.format_paper(paper) for paper in current_papers])
+
+    def search_papers(self, query):
+        if not query:
+            self.current_page = 1
+            return self.render_papers()
+        
+        filtered_papers = [paper for paper in self.papers if query.lower() in paper.get('title', '').lower()]
+        return "".join([self.format_paper(paper) for paper in filtered_papers[:self.papers_per_page]])
+
+    def next_page(self):
+        if self.current_page < self.total_pages:
+            self.current_page += 1
+        return self.render_papers(), f"Page {self.current_page} of {self.total_pages}"
+
+    def prev_page(self):
+        if self.current_page > 1:
+            self.current_page -= 1
+        return self.render_papers(), f"Page {self.current_page} of {self.total_pages}"
 
 css = """
 body {
@@ -19,10 +85,6 @@ body {
     margin: 0 auto;
     background-color: white;
     padding: 1rem;
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
-    min-height: 100vh;
 }
 .title {
     text-align: center;
@@ -40,12 +102,11 @@ body {
     flex-grow: 1;
 }
 .paper-list {
-    flex-grow: 1;
+    max-height: 70vh;
     overflow-y: auto;
     border: 1px solid #e2e8f0;
     border-radius: 8px;
     padding: 0.5rem;
-    margin-bottom: 1rem;
 }
 .paper-item {
     border-bottom: 1px solid #e2e8f0;
@@ -77,7 +138,7 @@ body {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding-top: 0.5rem;
+    margin-top: 0.5rem;
 }
 button, .button {
     background-color: #4299e1;