Update app.py

app.py

@@ -4,8 +4,8 @@ import os
 
 checker = SpellChecker()
 
-# Your CSS styles (copied from index.html)
 css = """
+/* Your existing CSS styles */
 * { margin: 0; padding: 0; box-sizing: border-box; }
 body { 
     font-family: 'Poppins', sans-serif; 
@@ -14,52 +14,22 @@ body {
     min-height: 100vh; 
     padding: 40px; 
 }
-h1 { 
-    text-align: center; 
-    font-weight: 700; 
-    margin-bottom: 40px; 
-    font-size: 2.5rem; 
-}
-.output { 
-    background-color: rgba(255, 255, 255, 0.15); 
-    backdrop-filter: blur(12px); 
-    padding: 25px; 
-    border-radius: 20px; 
-    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); 
-    margin-top: 20px;
-}
-.issues li { color: #ff9f9f; }
-textarea {
-    width: 100%;
-    height: 150px;
-    padding: 15px;
-    border-radius: 10px;
-    border: none;
-    font-size: 16px;
-    resize: none;
-}
+/* Include all other CSS rules from your index.html */
 """
 
 def check_text(text):
     corrected_spelling = checker.correct_spelling(text)
     corrected_grammar, grammar_issues = checker.correct_grammar(text)
-    
-    issues_html = "".join(f"<li>{issue}</li>" for issue in grammar_issues) if grammar_issues else "<li>No issues found</li>"
-    
-    return (
-        corrected_spelling,
-        corrected_grammar,
-        f"<ul class='issues'>{issues_html}</ul>"
-    )
+    issues = "\n".join([f"• {issue}" for issue in grammar_issues]) if grammar_issues else "No issues found"
+    return corrected_spelling, corrected_grammar, issues
 
-with gr.Blocks(css=css, title="Spell & Grammar Checker") as demo:
-    gr.Markdown("""
-    <h1>Spell & Grammar Checker</h1>
-    """)
+# Create Gradio interface
+with gr.Blocks(css=css, title="Spell Checker") as app:
+    gr.Markdown("# Spell & Grammar Checker")
     
     with gr.Row():
         text_input = gr.Textbox(
-            label="Type your text here",
+            label="Input Text",
             placeholder="Type or paste your text here...",
             lines=10
         )
@@ -67,17 +37,20 @@ with gr.Blocks(css=css, title="Spell & Grammar Checker") as demo:
     submit_btn = gr.Button("✨ Check Now", variant="primary")
     
     with gr.Column():
-        spelling_out = gr.Textbox(label="✅ Corrected Spelling")
-        grammar_out = gr.Textbox(label="📝 Grammar Suggestions")
-        issues_out = gr.HTML(label="🚨 Issues Found")
-    
+        spelling_output = gr.Textbox(label="✅ Corrected Spelling")
+        grammar_output = gr.Textbox(label="📝 Grammar Suggestions")
+        issues_output = gr.Textbox(label="🚨 Issues Found", lines=4)
+
     submit_btn.click(
-        check_text,
+        fn=check_text,
         inputs=text_input,
-        outputs=[spelling_out, grammar_out, issues_out]
+        outputs=[spelling_output, grammar_output, issues_output]
     )
 
-demo.launch(
-    server_port=int(os.environ.get("PORT", 7860)),
-    server_name="0.0.0.0"
+# Hugging Face specific launch configuration
+app.launch(
+    server_name="0.0.0.0",
+    server_port=int(os.getenv("PORT", "7860")),
+    share=False,
+    enable_queue=True
 )