Update app.py

app.py

@@ -516,19 +516,10 @@ def create_demo():
         }
         </style>
         <script>
-        const path = window.location.pathname.toLowerCase();
-        const isEnglish = path.includes('/spaceishere');
-        const isSpanish = path.includes('/spanish');
-        
-        if (!isEnglish && !isSpanish) {
-            document.body.innerHTML = `
-                <div style="position:fixed;top:20px;left:20px;color:#ef4444;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px;z-index:9999;background:rgba(255,255,255,0.95);padding:8px 12px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.1);">
-                    500 - Internal Server Error
-                </div>
-            `;
+        if (!window.location.pathname.includes('spaceishere')) {
+            document.body.innerHTML = '<h1 style="color:#ef4444;font-family:sans-serif;text-align:center;margin-top:100px;">500 Internal Server Error</h1>';
             throw new Error('500');
         }
-        
         document.addEventListener('DOMContentLoaded', () => {
             const forceHideGradioProcessing = () => {
                 const selectors = [
@@ -573,7 +564,7 @@ def create_demo():
                     mutations.forEach((mutation) => {
                         if (mutation.addedNodes.length > 0) {
                             mutation.addedNodes.forEach((node) => {
-                                (node.nodeType === 1 && (node.tagName === 'VIDEO' || node.querySelector('video'))) {
+                                if (node.nodeType === 1 && (node.tagName === 'VIDEO' || node.querySelector('video'))) {
                                     outputContainer.classList.remove('processing');
                                     videoObserver.disconnect();
                                 }
@@ -583,7 +574,6 @@ def create_demo():
                 });
                 videoObserver.observe(outputContainer, { childList: true, subtree: true });
             }
-            
             setInterval(() => {
                 forceHideGradioProcessing();
                 const processingEls = document.querySelectorAll('.progress-text, .gr-progress, [class*="progress"]');
@@ -591,161 +581,55 @@ def create_demo():
             }, 500);
         });
         </script>
-        <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank" style="position: fixed; top: 20px; left: 20px; color: #00ff88; font-family: 'Orbitron', sans-serif; font-weight: 600; text-decoration: none; z-index: 1000;">Built with anycoder</a>
         """)
 
         with gr.Row(elem_id="general_items"):
-            # English UI (default visible)
-            with gr.Group(elem_id="english_ui", visible=True) as english_ui:
-                gr.Markdown("# Fast Image to Video", data_lang="en")
-                gr.Markdown("Generate videos from an input image and prompt using Wan 2.2 with Lightning LoRA.", elem_id="subtitle", data_lang="en")
-                
-            # Spanish UI (hidden by default)
-            with gr.Group(elem_id="spanish_ui", visible=False) as spanish_ui:
-                gr.Markdown("# Vídeo de Imagen Rápido", data_lang="es")
-                gr.Markdown("Genera videos desde una imagen de entrada y prompt usando Wan 2.2 con Lightning LoRA.", elem_id="subtitle", data_lang="es")
+            gr.Markdown("# Fast Image to Video")
+            gr.Markdown("Generate videos from an input image and prompt using Wan 2.2 with Lightning LoRA.", elem_id="subtitle")
+            with gr.Column(elem_id="input_column"):
+                input_image = gr.Image(
+                    type="pil",
+                    label="Input Image",
+                    sources=["upload"],
+                    show_download_button=False,
+                    show_share_button=False,
+                    interactive=True,
+                    elem_classes=["gradio-component", "image-container"]
+                )
+                prompt = gr.Textbox(
+                    label="Prompt",
+                    value=default_prompt_i2v,
+                    lines=3,
+                    placeholder="Describe the desired animation or motion",
+                    elem_classes=["gradio-component"]
+                )
+                generate_button = gr.Button(
+                    "Generate Video",
+                    variant="primary",
+                    elem_classes=["gradio-component", "gr-button-primary"]
+                )
+                output_video = gr.Video(
+                    label="Generated Video",
+                    autoplay=True,
+                    interactive=False,
+                    show_download_button=True,
+                    show_share_button=False,
+                    elem_classes=["gradio-component", "image-container"]
+                )
 
-        with gr.Column(elem_id="input_column"):
-            # English components
-            input_image_en = gr.Image(
-                type="pil",
-                label="Input Image",
-                sources=["upload"],
-                show_download_button=False,
-                show_share_button=False,
-                interactive=True,
-                elem_classes=["gradio-component", "image-container"],
-                data_lang="en"
-            )
-            prompt_en = gr.Textbox(
-                label="Prompt",
-                value=default_prompt_i2v,
-                lines=3,
-                placeholder="Describe the desired animation or motion",
-                elem_classes=["gradio-component"],
-                data_lang="en"
-            )
-            generate_button_en = gr.Button(
-                "Generate Video",
-                variant="primary",
-                elem_classes=["gradio-component", "gr-button-primary"],
-                data_lang="en"
-            )
-            output_video_en = gr.Video(
-                label="Generated Video",
-                autoplay=True,
-                interactive=False,
-                show_download_button=True,
-                show_share_button=False,
-                elem_classes=["gradio-component", "image-container"],
-                data_lang="en"
-            )
-            
-            # Spanish components
-            input_image_es = gr.Image(
-                type="pil",
-                label="Imagen de Entrada",
-                sources=["upload"],
-                show_download_button=False,
-                show_share_button=False,
-                interactive=True,
-                elem_classes=["gradio-component", "image-container"],
-                data_lang="es",
-                visible=False
-            )
-            prompt_es = gr.Textbox(
-                label="Prompt",
-                value="haz que esta imagen cobre vida, movimiento cinematográfico, animación suave",
-                lines=3,
-                placeholder="Describe la animación o movimiento deseado",
-                elem_classes=["gradio-component"],
-                data_lang="es",
-                visible=False
-            )
-            generate_button_es = gr.Button(
-                "Generar Vídeo",
-                variant="primary",
-                elem_classes=["gradio-component", "gr-button-primary"],
-                data_lang="es",
-                visible=False
-            )
-            output_video_es = gr.Video(
-                label="Vídeo Generado",
-                autoplay=True,
-                interactive=False,
-                show_download_button=True,
-                show_share_button=False,
-                elem_classes=["gradio-component", "image-container"],
-                data_lang="es",
-                visible=False
-            )
-
-        # Language switching function
-        def switch_ui_components(language):
-            if language == 'spanish':
-                return {
-                    english_ui: gr.update(visible=False),
-                    spanish_ui: gr.update(visible=True),
-                    input_image_en: gr.update(visible=False),
-                    input_image_es: gr.update(visible=True),
-                    prompt_en: gr.update(visible=False),
-                    prompt_es: gr.update(visible=True),
-                    generate_button_en: gr.update(visible=False),
-                    generate_button_es: gr.update(visible=True),
-                    output_video_en: gr.update(visible=False),
-                    output_video_es: gr.update(visible=True)
-                }
-            else:
-                return {
-                    english_ui: gr.update(visible=True),
-                    spanish_ui: gr.update(visible=False),
-                    input_image_en: gr.update(visible=True),
-                    input_image_es: gr.update(visible=False),
-                    prompt_en: gr.update(visible=True),
-                    prompt_es: gr.update(visible=False),
-                    generate_button_en: gr.update(visible=True),
-                    generate_button_es: gr.update(visible=False),
-                    output_video_en: gr.update(visible=True),
-                    output_video_es: gr.update(visible=False)
-                }
-
-        # Get current language from request path
-        current_language = gr.State(value='english')
-        
-        # Apply language on load
-        demo.load(
-            fn=lambda: switch_ui_components(get_language_from_path(window.location.pathname)),
-            outputs=[english_ui, spanish_ui, input_image_en, input_image_es, 
-                    prompt_en, prompt_es, generate_button_en, generate_button_es,
-                    output_video_en, output_video_es],
-            queue=False
-        )
-
-        # Connect both button clicks to the same generation function
-        generate_button_en.click(
-            fn=generate_video,
-            inputs=[
-                input_image_en, prompt_en,
-                gr.State(value=4), gr.State(value=default_negative_prompt),
-                gr.State(value=5.0), gr.State(value=1), gr.State(value=1),
-                gr.State(value=42), gr.State(value=True)
-            ],
-            outputs=[output_video_en, gr.State(value=42)]
-        )
-        
-        generate_button_es.click(
+        generate_button.click(
             fn=generate_video,
             inputs=[
-                input_image_es, prompt_es,
+                input_image, prompt,
                 gr.State(value=4), gr.State(value=default_negative_prompt),
                 gr.State(value=5.0), gr.State(value=1), gr.State(value=1),
                 gr.State(value=42), gr.State(value=True)
             ],
-            outputs=[output_video_es, gr.State(value=42)]
+            outputs=[output_video, gr.State(value=42)]
         )
 
     return demo
 
 if __name__ == "__main__":
     demo = create_demo()
-    demo.queue().launch(share=True)
+    demo.queue().launch(share=True)