Update app.py

app.py

@@ -1,96 +1,75 @@
 import gradio as gr
 from scraper import scrape_blog
 
-# Scrape function for multiple tags
-def scrape(url, tags):
+# Function to scrape
+def scrape(url, tag='h2'):
     if not url:
         return "⚠️ Please enter a valid URL"
-    tags_list = [t.strip() for t in tags.split(",") if t.strip()]
-    all_data = []
-    for tag in tags_list:
-        data = scrape_blog(url, tag)
-        if data:
-            all_data.append(f"Results for <{tag}>:\n" + "\n".join(data))
-    return "\n\n".join(all_data) if all_data else "No data found!"
+    data = scrape_blog(url, tag)
+    return "\n".join(data) if data else "No data found!"
 
-# Function to set tag input
+# Function to update tag when button clicked
 def set_tag(tag):
     return tag
 
-# Gradio interface
+# Gradio Blocks with creative glass effect
 with gr.Blocks(css="""
 body {
     background: linear-gradient(135deg, #89f7fe, #66a6ff);
     font-family: 'Arial', sans-serif;
 }
-h1 {
-    color: #fff;
-    text-align: center;
-    text-shadow: 1px 1px 8px rgba(0,0,0,0.3);
-}
 .glass-card {
-    background: rgba(255, 255, 255, 0.15);
-    backdrop-filter: blur(20px);
-    border-radius: 25px;
-    padding: 25px;
-    margin: 10px 0;
+    background: rgba(255, 255, 255, 0.2);
+    backdrop-filter: blur(15px);
+    border-radius: 20px;
+    padding: 20px;
     box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
     border: 1px solid rgba(255, 255, 255, 0.18);
 }
+h1 {
+    color: #fff;
+    text-align: center;
+    text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
+}
 .gr-button {
     background: rgba(255, 255, 255, 0.3) !important;
     color: #000 !important;
     font-weight: bold;
-    border-radius: 12px !important;
+    border-radius: 10px !important;
     margin: 5px;
-    transition: 0.3s;
-}
-.gr-button:hover {
-    background: rgba(255, 255, 255, 0.6) !important;
-    color: #222 !important;
-    transform: scale(1.05);
-}
-.output-box {
-    max-height: 400px;
-    overflow-y: auto;
-    white-space: pre-wrap;
 }
 """) as demo:
 
-    gr.HTML("<h1>✨ Professional Blog Scraper ✨</h1>")
+    gr.HTML("<h1>✨ Creative Blog Scraper ✨</h1>")
 
     with gr.Row():
         with gr.Column():
-            # Glass card using HTML
-            gr.HTML("""
-            <div class="glass-card">
-            """)
-            url_input = gr.Textbox(label="Enter Blog URL", placeholder="https://example.com")
-            tag_input = gr.Textbox(label="Enter Tags (comma separated, e.g., h1,h2,h3)", value="h2")
-            with gr.Row():
-                h1_btn = gr.Button("h1")
-                h2_btn = gr.Button("h2")
-                h3_btn = gr.Button("h3")
-                all_btn = gr.Button("h1,h2,h3")
-            scrape_btn = gr.Button("Scrape Blog")
-            gr.HTML("</div>")
-
+            with gr.Box(css_class="glass-card"):
+                url_input = gr.Textbox(label="Enter Blog URL", placeholder="https://example.com")
+                tag_input = gr.Textbox(label="Selected HTML Tag", value="h2")
+                
+                # Tag buttons
+                with gr.Row():
+                    h1_btn = gr.Button("h1")
+                    h2_btn = gr.Button("h2")
+                    h3_btn = gr.Button("h3")
+                
+                scrape_btn = gr.Button("Scrape Blog")
+        
         with gr.Column():
-            gr.HTML('<div class="glass-card output-box">')
-            output = gr.Textbox(label="Scraped Titles", interactive=False)
-            copy_btn = gr.Button("Copy to Clipboard")
-            gr.HTML('</div>')
+            with gr.Box(css_class="glass-card"):
+                output = gr.Textbox(label="Scraped Titles", interactive=False)
+                copy_btn = gr.Button("Copy to Clipboard")
 
-    # Tag buttons click events
-    h1_btn.click(set_tag, inputs=[], outputs=tag_input, args=["h1"])
-    h2_btn.click(set_tag, inputs=[], outputs=tag_input, args=["h2"])
-    h3_btn.click(set_tag, inputs=[], outputs=tag_input, args=["h3"])
-    all_btn.click(set_tag, inputs=[], outputs=tag_input, args=["h1,h2,h3"])
+    # Tag button clicks
+    h1_btn.click(set_tag, inputs=[], outputs=tag_input, api_name=None).then(lambda: "h1", inputs=None, outputs=tag_input)
+    h2_btn.click(set_tag, inputs=[], outputs=tag_input).then(lambda: "h2", inputs=None, outputs=tag_input)
+    h3_btn.click(set_tag, inputs=[], outputs=tag_input).then(lambda: "h3", inputs=None, outputs=tag_input)
 
-    # Scrape button
+    # Scrape button click
     scrape_btn.click(scrape, inputs=[url_input, tag_input], outputs=output)
 
-    # Copy button
+    # Copy button (Gradio 4.10+ supports this via JS)
     copy_btn.click(lambda x: x, inputs=output, outputs=None)
 
 demo.launch()