Update app.py

app.py

@@ -397,33 +397,160 @@ def create_interface():
                 logger.error(f"Processing error: {e}")
                 return None, f"Error: {str(e)}", ""
 
-        def generate_qr_code(json_data):
-            """Generate QR code from JSON data and return the file path."""
-            if json_data:
-                return generate_qr(json_data)
-            return None
+        def create_interface():
+    """Create a comprehensive Gradio interface with advanced features and styling"""
 
-        process_btn.click(
-            process_all_inputs,
-            inputs=[url_input, file_input, text_input, scratchpad],
-            outputs=[output_file, output_text, json_editor]  # Update outputs to include JSON editor
-        )
+    css = """
+    body {
+        background-color: #0c0c0c;
+        color: #ffffff;
+        font-family: 'Roboto', sans-serif;
+    }
+    .container {
+        max-width: 1200px;
+        margin: auto;
+        border-radius: 10px;
+        padding: 20px;
+        box-shadow: 0 0 30px rgba(0, 255, 0, 0.5);
+        background: linear-gradient(180deg, rgba(0, 255, 0, 0.1), rgba(255, 165, 0, 0.1));
+    }
+    h1 {
+        color: #00ff00;
+        text-align: center;
+    }
+    h2, h3, h4 {
+        color: #ff7f50;
+    }
+    .tab {
+        background-color: #1d1d1d;
+        border: 1px solid #00ff00;
+        border-radius: 5px;
+        margin-bottom: 10px;
+        padding: 10px;
+    }
+    .tab:hover {
+        background-color: rgba(0, 255, 0, 0.2);
+    }
+    .warning {
+        background-color: rgba(255, 255, 0, 0.2);
+        color: #856404;
+    }
+    .error {
+        background-color: rgba(255, 0, 0, 0.3);
+        color: #721c24;
+    }
+    input[type="text"], input[type="file"] {
+        border: 2px solid #00ff00;
+        border-radius: 5px;
+        padding: 10px;
+        background-color: #1d1d1d;
+        color: #ffffff;
+    }
+    input[type="text"]:focus, input[type="file"]:focus {
+        border-color: #ff7f50;
+        outline: none;
+    }
+    .btn-primary {
+        background-color: #00ff00;
+        border: none;
+        border-radius: 5px;
+        padding: 10px 20px;
+        cursor: pointer;
+        transition: background-color 0.3s;
+    }
+    .btn-secondary {
+        background-color: #ff7f50;
+        border: none;
+        border-radius: 5px;
+        padding: 10px 20px;
+        cursor: pointer;
+        transition: background-color 0.3s;
+    }
+    .btn-primary:hover, .btn-secondary:hover {
+        background-color: rgba(255, 165, 0, 0.8);
+    }
+    textarea {
+        border: 2px solid #00ff00;
+        border-radius: 5px;
+        padding: 10px;
+        background-color: #1d1d1d;
+        color: #ffffff;
+    }
+    textarea:focus {
+        border-color: #ff7f50;
+        outline: none;
+    }
+    .output-box {
+        background-color: #1d1d1d;
+        border: 1px solid #00ff00;
+        border-radius: 5px;
+        padding: 10px;
+        overflow-x: auto;
+    }
+    """
 
-        qr_btn.click(
-            generate_qr_code,
-            inputs=json_editor,
-            outputs=qr_output
-        )
+    with gr.Blocks(css=css, title="Advanced Text & URL Processor") as interface:
+        gr.Markdown("# 🌐 Advanced URL & Text Processing Toolkit")
+
+        with gr.Tab("URL Processing"):
+            url_input = gr.Textbox(
+                label="Enter URLs (comma or newline separated)",
+                lines=5,
+                placeholder="https://example1.com\nhttps://example2.com",
+                interactive=True,
+                elem_id="url-input"
+            )
+
+        with gr.Tab("File Input"):
+            file_input = gr.File(
+                label="Upload text file or ZIP archive",
+                file_types=[".txt", ".zip", ".md", ".csv", ".json", ".xml"]
+            )
+
+        with gr.Tab("Text Input"):
+            text_input = gr.Textbox(
+                label="Raw Text Input",
+                lines=5,
+                placeholder="Paste your text here...",
+                interactive=True
+            )
+
+        with gr.Tab("JSON Editor"):
+            json_editor = gr.Textbox(
+                label="JSON Editor",
+                lines=20,
+                placeholder="View and edit your JSON data here...",
+                interactive=True,
+                elem_id="json-editor"
+            )
+
+        with gr.Tab("Scratchpad"):
+            scratchpad = gr.Textbox(
+                label="Scratchpad",
+                lines=10,
+                placeholder="Quick notes or text collections...",
+                interactive=True
+            )
+
+        process_btn = gr.Button("Process Input", variant="primary")
+        qr_btn = gr.Button("Generate QR Code", variant="secondary")
+
+        output_text = gr.Textbox(label="Processing Results", interactive=False, elem_id="output-text")
+        output_file = gr.File(label="Processed Output")
+        qr_output = gr.Image(label="QR Code", type="filepath")  # To display the generated QR code
+
+        # The rest of the internal logic remains unchanged
 
         gr.Markdown("""
-    ### Usage Guidelines
-    - **URL Processing**: Enter valid HTTP/HTTPS URLs
-    - **File Input**: Upload text files or ZIP archives
-    - **Text Input**: Direct text processing
-    - **JSON Editor**: View and edit your JSON data
-    - **Scratchpad**: Quick notes or text collections
-    - Advanced cleaning and validation included
-    """)
+        ### Usage Guidelines
+        - **URL Processing**: Enter valid HTTP/HTTPS URLs
+        - **File Input**: Upload text files or ZIP archives
+        - **Text Input**: Direct text processing
+        - **JSON Editor**: View and edit your JSON data
+        - **Scratchpad**: Quick notes or text collections
+        - Advanced cleaning and validation included
+        """)
+
     return interface
 
 def main():