Upload app.py

app.py

@@ -1,6 +1,5 @@
 """
 Python to C++ Code Optimizer - AI-Powered Code Conversion
-Modern Gradio app with password protection for secure deployments
 
 Supported Models:
 - GPT-4o (OpenAI) - Premium, fastest, most accurate
@@ -19,8 +18,6 @@ import socket
 import httpx
 from openai import OpenAI
 import anthropic
-# Workaround for Python 3.13 where stdlib audioop is removed; instruct pydub to use pure-python fallback
-os.environ.setdefault("PYDUB_SIMPLE_AUDIOOP", "1")
 import gradio as gr
 
 # Try to load from .env file if available
@@ -132,6 +129,7 @@ def stream_claude(python):
     except Exception as e:
         yield f"❌ Error: {str(e)}"
 
+
 def optimize(python, model):
     """Convert Python to C++ using selected AI model"""
     if model in ["GPT-4o", "GPT"]:
@@ -205,11 +203,6 @@ print(f"Execution Time: {(end_time - start_time):.6f} seconds")
 
 # Modern CSS
 modern_css = """
-.gradio-container, body, html {
-    background: #f9fafb !important; /* light background to avoid dark-mode conflicts */
-    color: #111827 !important;      /* ensure readable text */
-}
-
 .gradio-container {
     max-width: 1400px !important;
     margin: 0 auto !important;
@@ -377,259 +370,128 @@ modern_css = """
     color: #0c4a6e;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
-
-/* Login styling */
-body, .gradio-container {
-    background: url('assets/3656064.jpg') center/cover no-repeat fixed !important;
-}
-
-.login-wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    min-height: 100vh;
-    padding: 24px;
-    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('assets/3656064.jpg') center/cover no-repeat fixed;
-}
-
-.login-card {
-    max-width: 400px;
-    width: 100%;
-    background: rgba(255, 255, 255, 0.95);
-    backdrop-filter: blur(10px);
-    border: 1px solid rgba(255, 255, 255, 0.3);
-    border-radius: 20px;
-    padding: 48px 40px;
-    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
-}
-
-.login-icon {
-    font-size: 56px;
-    text-align: center;
-    margin-bottom: 16px;
-    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
-}
-
-.login-title {
-    text-align: center;
-    margin: 0 0 8px 0;
-    font-size: 28px;
-    font-weight: 700;
-    color: #1f2937;
-    letter-spacing: -0.02em;
-}
-
-.login-subtitle {
-    text-align: center;
-    margin: 0 0 32px 0;
-    font-size: 15px;
-    color: #6b7280;
-    font-weight: 400;
-}
-
-.login-input label {
-    color: #374151 !important;
-    font-weight: 600 !important;
-    font-size: 14px !important;
-}
-
-.login-input input {
-    background: white !important;
-    border: 2px solid #e5e7eb !important;
-    border-radius: 10px !important;
-    padding: 12px 16px !important;
-    font-size: 16px !important;
-    color: #111827 !important;
-}
-
-.login-input input:focus {
-    border-color: #667eea !important;
-    background: white !important;
-    outline: none !important;
-    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1) !important;
-}
-
-.login-error {
-    color: #dc2626;
-    background: #fee2e2;
-    border: 1px solid #fca5a5;
-    padding: 12px;
-    border-radius: 10px;
-    text-align: center;
-    font-weight: 500;
-}
-
-.freepik-credit {
-    margin-top: 24px;
-    text-align: center;
-    font-size: 12px;
-    color: #9ca3af;
-}
-
-.freepik-credit a {
-    color: #667eea;
-    text-decoration: none;
-    font-weight: 500;
-}
-
-.freepik-credit a:hover {
-    text-decoration: underline;
-}
 """
 
 # Create the interface with password protection
 def create_interface():
     with gr.Blocks(css=modern_css, title="Python to C++ Code Optimizer", theme=gr.themes.Soft()) as app:
-        authorized = gr.State(False)
-        # Background image is handled via CSS: assets/3656064.jpg
-        # For Hugging Face Space: use /file=assets/3656064.jpg in CSS
-        # For local: use assets/3656064.jpg in CSS
-
-        def check_password(pw):
-            ok = pw == APP_PASSWORD
-            return (
-                gr.update(visible=not ok),  # login hidden when ok
-                gr.update(visible=ok),      # main shown when ok
-                gr.update(value="" if ok else "Invalid password", visible=not ok)
-            )
-
-        # Login gate
-        with gr.Group(visible=True) as login_group:
-            gr.HTML("""
-            <div class="login-wrapper">
-                <div class="login-card">
-                    <div class="login-icon">🔐</div>
-                    <div class="login-title">Private Access</div>
-                    <div class="login-subtitle">Enter password to continue</div>
-            """)
-            pw = gr.Textbox(
-                label="Password", 
-                type="password", 
-                placeholder="Enter password", 
-                elem_classes=["login-input"],
-                container=True
-            )
-            login_btn = gr.Button("Continue", elem_classes=["modern-button"], size="lg")
-            login_error = gr.Markdown(visible=False, elem_classes=["login-error"])
-            gr.HTML("""
-                    <div class="freepik-credit">Background image by <a href="https://www.freepik.com" target="_blank">Freepik</a></div>
-                </div>
-            </div>
-            """)
-
-        # Main UI wrapped for toggling visibility
-        with gr.Group(visible=False) as main_group:
-            main_group.elem_id = "main_group"
-            # Header Section
-            gr.HTML("""
-            <div class="modern-header">
-                <h1>🚀 Python to C++ Code Optimizer</h1>
-                <p>AI-powered code conversion with real-time execution and performance analysis</p>
-            </div>
-            """)
-
-            # Security Warning
-            gr.HTML("""
-            <div class="security-warning">
-                <h3 style="color: #dc2626; margin: 0 0 8px 0;">⚠️ Security Warning</h3>
-                <p style="margin: 0; color: #991b1b; font-weight: 500;">
-                    This interface executes arbitrary code. <strong>Only run code from trusted sources.</strong><br>
-                    Malicious code can harm your system. Use at your own risk.
-                </p>
+        
+        # Header Section
+        gr.HTML("""
+        <div class="modern-header">
+            <h1>🚀 Python to C++ Code Optimizer</h1>
+            <p>AI-powered code conversion with real-time execution and performance analysis</p>
+        </div>
+        """)
+        
+        # Security Warning
+        gr.HTML("""
+        <div class="security-warning">
+            <h3 style="color: #dc2626; margin: 0 0 8px 0;">⚠️ Security Warning</h3>
+            <p style="margin: 0; color: #991b1b; font-weight: 500;">
+                This interface executes arbitrary code. <strong>Only run code from trusted sources.</strong><br>
+                Malicious code can harm your system. Use at your own risk.
+            </p>
+        </div>
+        """)
+        
+        # Main Content Area
+        with gr.Row():
+            with gr.Column(scale=1):
+                gr.Markdown("### 📝 Python Code Input")
+                python_input = gr.Textbox(
+                    label="Python Code:", 
+                    value=default_python, 
+                    lines=15,
+                    placeholder="Enter your Python code here...",
+                    elem_classes=["python-input"],
+                    show_copy_button=True
+                )
+                
+                gr.Markdown("### 🤖 AI Model Selection")
+                model_selector = gr.Dropdown(
+                    ["GPT-4o", "Claude-3.5-Sonnet"], 
+                    label="Select AI Model", 
+                    value="GPT-4o",
+                    elem_classes=["model-selector"]
+                )
+                
+                convert_btn = gr.Button("🔄 Convert to C++", elem_classes=["modern-button"])
+            
+            with gr.Column(scale=1):
+                gr.Markdown("### ⚡ Generated C++ Code")
+                cpp_output = gr.Textbox(
+                    label="C++ Code:", 
+                    lines=15,
+                    placeholder="Generated C++ code will appear here...",
+                    elem_classes=["cpp-output"],
+                    show_copy_button=True
+                )
+        
+        # Execution Section
+        with gr.Row():
+            with gr.Column(scale=1):
+                gr.Markdown("### 🐍 Python Execution")
+                python_run_btn = gr.Button("▶️ Run Python", elem_classes=["run-button"])
+                python_result = gr.TextArea(
+                    label="Python Output:", 
+                    lines=8,
+                    elem_classes=["output-section", "python-output"],
+                    placeholder="Python execution results will appear here..."
+                )
+            
+            with gr.Column(scale=1):
+                gr.Markdown("### 🚀 C++ Execution")
+                cpp_run_btn = gr.Button("▶️ Run C++", elem_classes=["run-button"])
+                cpp_result = gr.TextArea(
+                    label="C++ Output:", 
+                    lines=8,
+                    elem_classes=["output-section", "cpp-output-result"],
+                    placeholder="C++ execution results will appear here..."
+                )
+        
+        # Performance Metrics Section
+        gr.HTML("""
+        <div class="performance-card">
+            <h3>📊 Performance Comparison</h3>
+            <div>
+                <span class="performance-metric">Python: ~6.3s</span>
+                <span class="performance-metric">C++: ~0.6s</span>
+                <span class="performance-metric">Speedup: 10x</span>
             </div>
-            """)
-
-            # Main Content Area
-            with gr.Row():
-                with gr.Column(scale=1):
-                    gr.Markdown("### 📝 Python Code Input")
-                    python_input = gr.Textbox(
-                        label="Python Code:", 
-                        value=default_python, 
-                        lines=15,
-                        elem_classes=["python-input"],
-                        placeholder="Enter your Python code here..."
-                    )
-
-                    with gr.Row():
-                        model_selector = gr.Dropdown(
-                            ["GPT-4o", "Claude-3.5-Sonnet"], 
-                            label="Select AI Model", 
-                            value="GPT-4o",
-                            elem_classes=["model-selector"]
-                        )
-
-                    convert_button = gr.Button("✨ Convert to C++", elem_classes=["modern-button"])
-
-                with gr.Column(scale=1):
-                    gr.Markdown("### ⚡ Optimized C++ Code")
-                    cpp_output = gr.Textbox(
-                        label="Generated C++ Code:", 
-                        lines=15,
-                        elem_classes=["cpp-output"],
-                        interactive=False
-                    )
-
-            # Execution Section
-            gr.Markdown("---")
-            gr.Markdown("## 🏃 Code Execution & Performance Comparison")
-
-            with gr.Row():
-                with gr.Column():
-                    gr.Markdown("### 🐍 Python Output")
-                    run_python_button = gr.Button("▶️ Run Python", elem_classes=["run-button"])
-                    python_output = gr.Textbox(
-                        label="Python Execution Output:",
-                        lines=5,
-                        elem_classes=["python-output"],
-                        interactive=False
-                    )
-
-                with gr.Column():
-                    gr.Markdown("### ⚡ C++ Output")
-                    run_cpp_button = gr.Button("▶️ Run C++", elem_classes=["run-button"])
-                    cpp_execution_output = gr.Textbox(
-                        label="C++ Execution Output:",
-                        lines=5,
-                        elem_classes=["cpp-output-result"],
-                        interactive=False
-                    )
-
-            # Event handlers
-            convert_button.click(
-                fn=optimize,
-                inputs=[python_input, model_selector],
-                outputs=cpp_output
-            )
-
-            run_python_button.click(
-                fn=execute_python,
-                inputs=python_input,
-                outputs=python_output
-            )
-
-            run_cpp_button.click(
-                fn=execute_cpp,
-                inputs=cpp_output,
-                outputs=cpp_execution_output
-            )
-
-        # Bind login after main_group is defined
-        login_btn.click(
-            fn=check_password,
-            inputs=[pw],
-            outputs=[login_group, main_group, login_error]
+            <p style="margin: 12px 0 0 0; color: #64748b; font-size: 14px;">
+                Compare execution times and performance metrics between Python and C++ implementations.<br>
+                Typical speedup: 10-100x depending on the algorithm.
+            </p>
+        </div>
+        """)
+        
+        # Event Handlers
+        convert_btn.click(
+            optimize, 
+            inputs=[python_input, model_selector], 
+            outputs=[cpp_output],
+            show_progress=True
         )
-
+        
+        python_run_btn.click(
+            execute_python, 
+            inputs=[python_input], 
+            outputs=[python_result],
+            show_progress=True
+        )
+        
+        cpp_run_btn.click(
+            execute_cpp, 
+            inputs=[cpp_output], 
+            outputs=[cpp_result],
+            show_progress=True
+        )
+    
     return app
 
-# Launch the app
+# Launch with password protection
 if __name__ == "__main__":
-    print("\n" + "="*50)
-    print(f"===== Application Startup at {__import__('datetime').datetime.now().strftime('%Y-%m-%d %H:%M:%S')} =====")
-    print("="*50)
-    
-    # Create the app
     app = create_interface()
     
     # Check if running on Hugging Face Spaces
@@ -637,32 +499,34 @@ if __name__ == "__main__":
     
     if is_huggingface:
         # Hugging Face Spaces configuration
-        print("🚀 Launching Python to C++ Code Optimizer on Hugging Face Spaces")
-        print("🔐 Password protection enabled")
+        print(f"🚀 Launching Python to C++ Code Optimizer on Hugging Face Spaces")
+        print(f"🔐 Password protection enabled")
+        
         app.launch(
-            show_error=True
+            auth=("user", APP_PASSWORD),
+            auth_message="🔐 Enter credentials to access the Python to C++ Code Optimizer"
         )
     else:
         # Local development configuration
-        def get_available_port(start_port=7860):
-            """Find an available port starting from start_port"""
-            port = start_port
-            while port < start_port + 100:
-                try:
-                    with socket.socket(socket.AF_INET, socket.SOCK_STREAM) as s:
-                        s.bind(('', port))
-                        return port
-                except OSError:
-                    port += 1
-            return start_port
+        def find_free_port():
+            with socket.socket(socket.AF_INET, socket.SOCK_STREAM) as s:
+                s.bind(('', 0))
+                s.listen(1)
+                port = s.getsockname()[1]
+            return port
         
-        port = get_available_port()
-        print(f"🚀 Launching Python to C++ Code Optimizer on port: {port}")
-        print(f"🔐 Password protection enabled. Password: {APP_PASSWORD}")
+        free_port = find_free_port()
+        print(f"🚀 Launching Python to C++ Code Optimizer on port: {free_port}")
+        print(f"🔐 Password protection enabled")
         
+        # Launch with authentication
         app.launch(
+            inbrowser=True,
+            share=True,
             server_name="127.0.0.1",
-            server_port=port,
-            show_error=True
+            server_port=free_port,
+            show_error=True,
+            auth=("user", APP_PASSWORD),
+            auth_message="🔐 Enter credentials to access the Python to C++ Code Optimizer"
         )