app.py

import gradio as gr
import requests
from PIL import Image
import io
import os 
BASE_URL = "https://api.jigsawstack.com/v1"
headers = {"x-api-key": os.getenv("JIGSAWSTACK_API_KEY")}

# ----------------- JigsawStack API Wrappers ------------------

def enhanced_ai_scrape(input_method, url, html, prompts_str, selector, page_pos):
    def error_response(message):
        return (
            message,
            gr.update(visible=False),
            gr.update(visible=False),
            gr.update(visible=False),
            gr.update(visible=False),
            gr.update(visible=False),
        )
    
    try:
        # Validate element prompts
        prompts = [p.strip() for p in prompts_str.split(",") if p.strip()]
        if not prompts:
            return error_response("Error: No element prompts provided.")
        
        if len(prompts) > 5:
            return error_response("Error: Maximum 5 element prompts allowed.")

        payload = {
            "element_prompts": prompts,
            "root_element_selector": selector or "main",
            "page_position": int(page_pos) if str(page_pos).strip().isdigit() else 1
        }

        # Add URL or HTML based on input method
        if input_method == "URL":
            if not url or not url.strip():
                return error_response("Error: URL is required when using URL input method.")
            payload["url"] = url.strip()
        elif input_method == "HTML Content":
            if not html or not html.strip():
                return error_response("Error: HTML content is required when using HTML input method.")
            payload["html"] = html.strip()

        response = requests.post(f"{BASE_URL}/ai/scrape", headers=headers, json=payload)
        response.raise_for_status()

        result = response.json()

        if not result.get("success"):
            return error_response(f"Error: Scraping failed - {result.get('message', 'Unknown error')}")

        # Extract all the data
        context = result.get("context", {})
        selectors = result.get("selectors", {})
        data = result.get("data", [])
        links = result.get("link", [])
        current_page = result.get("page_position", 1)
        total_pages = result.get("page_position_length", 1)
        
        # Format pagination info
        pagination_text = f"Page {current_page} of {total_pages}"
        if total_pages > 1:
            pagination_text += f" (Total pages available: {total_pages})"
        
        status_text = f"✅ Successfully scraped {len(data)} data items"
        if context:
            status_text += f" with {len(context)} context elements"
        
        return (
            status_text,
            gr.update(value=context, visible=True if context else False),
            gr.update(value=selectors, visible=True if selectors else False),
            gr.update(value=data, visible=True if data else False),
            gr.update(value=links, visible=True if links else False),
            gr.update(value=pagination_text, visible=True),
        )

    except requests.exceptions.RequestException as req_err:
        return error_response(f"Request failed: {str(req_err)}")
    except Exception as e:
        return error_response(f"Unexpected error: {str(e)}")

# ----------------- Gradio UI ------------------

with gr.Blocks() as demo:
    gr.Markdown("""
    <div style='text-align: center; margin-bottom: 24px;'>
        <h1 style='font-size:2.2em; margin-bottom: 0.2em;'>🧩 AI Scraper</h1>
        <p style='font-size:1.2em; margin-top: 0;'>Extract structured data from web pages with advanced AI models.</p>
        <p style='font-size:1em; margin-top: 0.5em;'>For more details and API usage, see the <a href='https://jigsawstack.com/docs/api-reference/ai/scrape' target='_blank'>documentation</a>.</p>
    </div>
    """)

    with gr.Row():
        with gr.Column():
            gr.Markdown("#### Input Method")
            input_method_scraper = gr.Radio(
                choices=["URL", "HTML Content"], 
                label="Choose Input Method", 
                value="URL"
            )
            
            # Conditional inputs based on selection
            url_scraper = gr.Textbox(
                label="Page URL", 
                placeholder="https://example.com/pricing",
                info="URL of the page to scrape"
            )
            html_content = gr.Textbox(
                label="HTML Content", 
                lines=8, 
                placeholder="<html>...</html>",
                visible=False,
                info="Raw HTML content to scrape"
            )
            
            gr.Markdown("#### Scraping Configuration")
            element_prompts = gr.Textbox(
                label="Element Prompts (comma-separated)", 
                lines=3,
                placeholder="Plan title, Plan price, Features, Button text",
                info="Items to scrape (max 5). E.g., 'Plan price', 'Plan title'"
            )
            
            root_selector = gr.Textbox(
                label="Root Element Selector", 
                value="main",
                placeholder="main, .container, #content",
                info="CSS selector to limit scraping scope (default: main)"
            )
            
            page_position = gr.Number(
                label="Page Position", 
                value=1,
                minimum=1,
                info="For pagination, current page number (min: 1)"
            )

        with gr.Column():
            gr.Markdown("#### Results")
            scrape_status = gr.Textbox(
                label="Status", 
                interactive=False,
                placeholder="Ready to scrape..."
            )
            
            gr.Markdown("#### Extracted Data")
            context_output = gr.JSON(
                label="Context Data",
                visible=False
            )
            selectors_output = gr.JSON(
                label="CSS Selectors Used",
                visible=False
            )
            detailed_data = gr.JSON(
                label="Detailed Scrape Data",
                visible=False
            )
            links_data = gr.JSON(
                label="Detected Links",
                visible=False
            )
            
            gr.Markdown("#### Pagination Info")
            pagination_info = gr.Textbox(
                label="Page Information",
                interactive=False,
                visible=False
            )

    scrape_btn = gr.Button("Scrape with AI", variant="primary")
    
    # Function to show/hide input groups based on selection
    def update_scraper_input_visibility(method):
        if method == "URL":
            return gr.Textbox(visible=True), gr.Textbox(visible=False)
        elif method == "HTML Content":
            return gr.Textbox(visible=False), gr.Textbox(visible=True)
        else:
            return gr.Textbox(visible=True), gr.Textbox(visible=False)
    
    input_method_scraper.change(
        update_scraper_input_visibility,
        inputs=input_method_scraper,
        outputs=[url_scraper, html_content]
    )
    
    scrape_btn.click(
        enhanced_ai_scrape,
        inputs=[input_method_scraper, url_scraper, html_content, element_prompts, root_selector, page_position],
        outputs=[scrape_status, context_output, selectors_output, detailed_data, links_data, pagination_info]
    )

demo.launch()