Spaces:

shukdevdatta123
/

ECCA

Running on Zero

App Files Files Community

shukdevdatta123 commited on May 25

Commit

5e93724

verified ·

1 Parent(s): beaa443

Update app.py

Browse files

Files changed (1) hide show

app.py +19 -100

app.py CHANGED Viewed

@@ -8,7 +8,6 @@ import time
 from typing import List, Dict, Any, Optional
 import spaces
 import os
-import re
 # Global variables to store API key and document text
 API_KEY = ""
@@ -142,24 +141,6 @@ def process_document(file):
         print(f"Error: {error_msg}")  # Debug print
         return error_msg, "❌ No document loaded"
-def clean_html_response(content: str) -> str:
-    """Clean HTML response by removing markdown code blocks and fixing formatting"""
-    if not content:
-        return content
-    # Remove ```html and ``` blocks
-    content = re.sub(r'```html\s*', '', content)
-    content = re.sub(r'```\s*$', '', content, flags=re.MULTILINE)
-    content = re.sub(r'```', '', content)
-    # Remove any remaining markdown code block indicators
-    content = re.sub(r'^```.*?\n', '', content, flags=re.MULTILINE)
-    # Clean up extra whitespace
-    content = re.sub(r'\n\s*\n\s*\n', '\n\n', content)
-    return content.strip()
 def generate_content(prompt: str, max_tokens: int = 2000) -> str:
     """Generate content using the AI model"""
     global DOCUMENT_TEXT, API_KEY
@@ -188,7 +169,7 @@ def generate_content(prompt: str, max_tokens: int = 2000) -> str:
             messages=[
                 {
                     "role": "system",
-                    "content": "You are an expert educational content creator. Create comprehensive, engaging, and pedagogically sound educational materials based on the provided document content. Format your response using proper HTML tags for better presentation. IMPORTANT: Do not wrap your response in ```html or ``` code blocks. Return clean HTML content only."
                 },
                 {
                     "role": "user",
@@ -202,9 +183,9 @@ def generate_content(prompt: str, max_tokens: int = 2000) -> str:
         result = completion.choices[0].message.content
         print(f"API response received. Length: {len(result) if result else 0}")  # Debug print
-        # Clean the HTML response
-        cleaned_result = clean_html_response(result)
-        return cleaned_result
     except Exception as e:
         error_msg = f"❌ Error generating content: {str(e)}"
@@ -338,7 +319,6 @@ def create_download_file(content: str, filename: str) -> str:
         </div>
         <script>
             function toggleCard(cardId) {{
-                console.log('Toggling card:', cardId);
                 const front = document.getElementById(cardId + '-front');
                 const back = document.getElementById(cardId + '-back');
                 const btn = document.getElementById(cardId + '-btn');
@@ -353,36 +333,8 @@ def create_download_file(content: str, filename: str) -> str:
                         back.style.display = 'none';
                         btn.innerHTML = '▶️';
                     }}
-                }} else {{
-                    console.error('Could not find elements for card:', cardId);
                 }}
             }}
-            // Alternative method - listen for clicks on flashcards
-            document.addEventListener('DOMContentLoaded', function() {{
-                const flashcards = document.querySelectorAll('.flashcard');
-                flashcards.forEach(function(card) {{
-                    card.addEventListener('click', function(e) {{
-                        e.preventDefault();
-                        const cardId = this.getAttribute('data-card-id');
-                        if (cardId) {{
-                            toggleCard(cardId);
-                        }}
-                    }});
-                }});
-                // Also listen for button clicks
-                const playBtns = document.querySelectorAll('.play-btn');
-                playBtns.forEach(function(btn) {{
-                    btn.addEventListener('click', function(e) {{
-                        e.stopPropagation();
-                        const cardId = this.getAttribute('data-card-id');
-                        if (cardId) {{
-                            toggleCard(cardId);
-                        }}
-                    }});
-                }});
-            }});
         </script>
     </body>
     </html>
@@ -399,16 +351,7 @@ def create_download_file(content: str, filename: str) -> str:
 @spaces.GPU
 def generate_summary():
     """Generate comprehensive summary"""
-    prompt = """Create a comprehensive summary of this document with proper HTML formatting:
-    Use these HTML tags for structure:
-    - <h1> for main title
-    - <h2> for section headers (Executive Summary, Key Points, etc.)
-    - <h3> for subsections
-    - <ul> and <li> for bullet points
-    - <p> for paragraphs
-    - <strong> for emphasis
-    - <div class="concept-box"> for important concepts
     Structure:
     <h1>📋 Document Summary</h1>
@@ -428,23 +371,13 @@ def generate_summary():
     <div class="concept-box">
     <p>Highlight the most crucial information students should remember.</p>
     </div>
-    Remember: Return only clean HTML content without code block markers.
     """
     return generate_content(prompt)
 @spaces.GPU
 def generate_study_notes():
     """Generate structured study notes"""
-    prompt = """Create comprehensive study notes from this document using proper HTML formatting:
-    Use HTML structure with:
-    - <h1> for main title: Study Notes
-    - <h2> for major sections
-    - <h3> for subsections
-    - <ul><li> for lists
-    - <div class="concept-box"> for key concepts
-    - <strong> for important terms
     Structure:
     <h1>📖 Study Notes</h1>
@@ -468,15 +401,13 @@ def generate_study_notes():
     <ul>
     <li>Essential facts and figures for rapid review</li>
     </ul>
-    Remember: Return only clean HTML content without code block markers.
     """
     return generate_content(prompt)
 @spaces.GPU
 def generate_quiz():
     """Generate quiz questions"""
-    prompt = """Create a comprehensive quiz based on this document using HTML formatting:
     <h1>📝 Quiz Questions</h1>
@@ -510,37 +441,32 @@ def generate_quiz():
     </div>
     Create 5 multiple choice, 5 short answer, and 2 essay questions.
-    Remember: Return only clean HTML content without code block markers.
     """
     return generate_content(prompt, max_tokens=3000)
 @spaces.GPU
 def generate_flashcards():
     """Generate interactive flashcards"""
-    prompt = """Create 15-20 interactive flashcards based on this document.
     Format each flashcard using this exact HTML structure:
     <h1>🎴 Interactive Flashcards</h1>
-    <p><em>Click on each card or the play button (▶️) to reveal the answer!</em></p>
-    <div class="flashcard" data-card-id="card1">
-        <button class="play-btn" data-card-id="card1" id="card1-btn">▶️</button>
-        <div class="flashcard-front" id="card1-front">
             <h3>Card 1</h3>
             <p><strong>[Question/Term]</strong></p>
         </div>
-        <div class="flashcard-back" id="card1-back">
             <h3>Answer</h3>
             <p>[Answer/Definition/Explanation]</p>
         </div>
     </div>
-    Continue this pattern for each flashcard, ensuring:
-    - Each card has a unique data-card-id (card1, card2, card3, etc.)
-    - Button has matching data-card-id attribute
-    - Front and back divs have correct IDs (card1-front, card1-back, etc.)
-    - Button has correct ID (card1-btn, card2-btn, etc.)
     Include flashcards for:
     - Key terms and definitions
@@ -550,14 +476,13 @@ def generate_flashcards():
     - Applications and examples
     Make questions clear and answers comprehensive but concise. Use proper HTML formatting throughout.
-    Remember: Return only clean HTML content without code block markers.
     """
     return generate_content(prompt, max_tokens=2500)
 @spaces.GPU
 def generate_mind_map():
     """Generate mind map structure"""
-    prompt = """Create a detailed mind map structure for this document using HTML:
     <h1>🧠 Mind Map Structure</h1>
@@ -596,15 +521,13 @@ def generate_mind_map():
     <li>Symbol suggestions for different types of information</li>
     <li>Emphasis techniques for key concepts</li>
     </ul>
-    Remember: Return only clean HTML content without code block markers.
     """
     return generate_content(prompt)
 @spaces.GPU
 def generate_lesson_plan():
     """Generate lesson plan"""
-    prompt = """Create a detailed lesson plan based on this document using HTML formatting:
     <h1>📚 Lesson Plan</h1>
@@ -663,15 +586,13 @@ def generate_lesson_plan():
     <ul>
     <li>Additional practice opportunities</li>
     </ul>
-    Remember: Return only clean HTML content without code block markers.
     """
     return generate_content(prompt, max_tokens=2500)
 @spaces.GPU
 def generate_concept_explanations():
     """Generate detailed concept explanations"""
-    prompt = """Provide detailed explanations of key concepts from this document using HTML:
     <h1>🔍 Concept Deep Dive</h1>
@@ -697,14 +618,13 @@ def generate_concept_explanations():
     <hr>
     Repeat this structure for all major concepts in the document using proper HTML formatting.
-    Remember: Return only clean HTML content without code block markers.
     """
     return generate_content(prompt, max_tokens=3000)
 @spaces.GPU
 def generate_practice_problems():
     """Generate practice problems"""
-    prompt = """Create practice problems based on this document using HTML formatting:
     <h1>💪 Practice Problems</h1>
@@ -751,7 +671,6 @@ def generate_practice_problems():
     - Common mistakes to avoid
     Create 5 beginner, 5 intermediate, 3 advanced, and 2 challenge problems.
-    Remember: Return only clean HTML content without code block markers.
     """
     return generate_content(prompt, max_tokens=3500)
@@ -874,7 +793,7 @@ def create_interface():
         - Make sure your PDF contains selectable text (not just images)
         - For best results, use documents with clear structure and headings
         - The app works with academic papers, textbooks, reports, and study materials
-        - Interactive flashcards work best when viewed in the HTML output
         - Downloaded files can be opened in any web browser for offline use
         ### ⚡ Performance Note:

 from typing import List, Dict, Any, Optional
 import spaces
 import os
 # Global variables to store API key and document text
 API_KEY = ""
         print(f"Error: {error_msg}")  # Debug print
         return error_msg, "❌ No document loaded"
 def generate_content(prompt: str, max_tokens: int = 2000) -> str:
     """Generate content using the AI model"""
     global DOCUMENT_TEXT, API_KEY
             messages=[
                 {
                     "role": "system",
+                    "content": "You are an expert educational content creator. Create comprehensive, engaging, and pedagogically sound educational materials based on the provided document content. Format your response using proper HTML tags for better presentation, but do not include <html>, <head>, <body>, or code block markers like ```html or ```. Start directly with the content using tags like <h1>, <h2>, <p>, etc."
                 },
                 {
                     "role": "user",
         result = completion.choices[0].message.content
         print(f"API response received. Length: {len(result) if result else 0}")  # Debug print
+        # Strip any unwanted code block markers if they sneak in
+        result = result.replace("```html", "").replace("```", "").strip()
+        return result
     except Exception as e:
         error_msg = f"❌ Error generating content: {str(e)}"
         </div>
         <script>
             function toggleCard(cardId) {{
                 const front = document.getElementById(cardId + '-front');
                 const back = document.getElementById(cardId + '-back');
                 const btn = document.getElementById(cardId + '-btn');
                         back.style.display = 'none';
                         btn.innerHTML = '▶️';
                     }}
                 }}
             }}
         </script>
     </body>
     </html>
 @spaces.GPU
 def generate_summary():
     """Generate comprehensive summary"""
+    prompt = """Create a comprehensive summary of this document with proper HTML formatting. Do not include <html>, <head>, <body>, or code block markers. Start directly with the content using tags like <h1>, <h2>, <p>, etc.
     Structure:
     <h1>📋 Document Summary</h1>
     <div class="concept-box">
     <p>Highlight the most crucial information students should remember.</p>
     </div>
     """
     return generate_content(prompt)
 @spaces.GPU
 def generate_study_notes():
     """Generate structured study notes"""
+    prompt = """Create comprehensive study notes from this document using proper HTML formatting. Do not include <html>, <head>, <body>, or code block markers. Start directly with the content.
     Structure:
     <h1>📖 Study Notes</h1>
     <ul>
     <li>Essential facts and figures for rapid review</li>
     </ul>
     """
     return generate_content(prompt)
 @spaces.GPU
 def generate_quiz():
     """Generate quiz questions"""
+    prompt = """Create a comprehensive quiz based on this document using HTML formatting. Do not include <html>, <head>, <body>, or code block markers. Start directly with the content.
     <h1>📝 Quiz Questions</h1>
     </div>
     Create 5 multiple choice, 5 short answer, and 2 essay questions.
     """
     return generate_content(prompt, max_tokens=3000)
 @spaces.GPU
 def generate_flashcards():
     """Generate interactive flashcards"""
+    prompt = """Create 15-20 interactive flashcards based on this document. Do not include <html>, <head>, <body>, or code block markers. Start directly with the content.
     Format each flashcard using this exact HTML structure:
     <h1>🎴 Interactive Flashcards</h1>
+    <p><em>Click the play button (▶️) on each card to reveal the answer!</em></p>
+    <div class="flashcard" id="card1">
+        <button class="play-btn" id="card1-btn" onclick="toggleCard('card1')">▶️</button>
+        <div class="flashcard-front" id="card1-front" style="display: block;">
             <h3>Card 1</h3>
             <p><strong>[Question/Term]</strong></p>
         </div>
+        <div class="flashcard-back" id="card1-back" style="display: none;">
             <h3>Answer</h3>
             <p>[Answer/Definition/Explanation]</p>
         </div>
     </div>
+    Continue this pattern for each flashcard, incrementing the card numbers (card2, card3, etc.).
     Include flashcards for:
     - Key terms and definitions
     - Applications and examples
     Make questions clear and answers comprehensive but concise. Use proper HTML formatting throughout.
     """
     return generate_content(prompt, max_tokens=2500)
 @spaces.GPU
 def generate_mind_map():
     """Generate mind map structure"""
+    prompt = """Create a detailed mind map structure for this document using HTML. Do not include <html>, <head>, <body>, or code block markers. Start directly with the content.
     <h1>🧠 Mind Map Structure</h1>
     <li>Symbol suggestions for different types of information</li>
     <li>Emphasis techniques for key concepts</li>
     </ul>
     """
     return generate_content(prompt)
 @spaces.GPU
 def generate_lesson_plan():
     """Generate lesson plan"""
+    prompt = """Create a detailed lesson plan based on this document using HTML formatting. Do not include <html>, <head>, <body>, or code block markers. Start directly with the content.
     <h1>📚 Lesson Plan</h1>
     <ul>
     <li>Additional practice opportunities</li>
     </ul>
     """
     return generate_content(prompt, max_tokens=2500)
 @spaces.GPU
 def generate_concept_explanations():
     """Generate detailed concept explanations"""
+    prompt = """Provide detailed explanations of key concepts from this document using HTML. Do not include <html>, <head>, <body>, or code block markers. Start directly with the content.
     <h1>🔍 Concept Deep Dive</h1>
     <hr>
     Repeat this structure for all major concepts in the document using proper HTML formatting.
     """
     return generate_content(prompt, max_tokens=3000)
 @spaces.GPU
 def generate_practice_problems():
     """Generate practice problems"""
+    prompt = """Create practice problems based on this document using HTML formatting. Do not include <html>, <head>, <body>, or code block markers. Start directly with the content.
     <h1>💪 Practice Problems</h1>
     - Common mistakes to avoid
     Create 5 beginner, 5 intermediate, 3 advanced, and 2 challenge problems.
     """
     return generate_content(prompt, max_tokens=3500)
         - Make sure your PDF contains selectable text (not just images)
         - For best results, use documents with clear structure and headings
         - The app works with academic papers, textbooks, reports, and study materials
+        - Interactive flashcards work best when viewed in the downloaded HTML file
         - Downloaded files can be opened in any web browser for offline use
         ### ⚡ Performance Note: