Update app.py

app.py

@@ -9,6 +9,13 @@ import json
 import random
 import urllib.parse
 import time
+import gradio
+
+# Check Gradio version
+required_version = "4.44.0"
+current_version = gradio.__version__
+if current_version < required_version:
+    raise ValueError(f"Gradio version {current_version} is outdated. Please upgrade to {required_version} or later using 'pip install gradio=={required_version}'.")
 
 # Initialize the Google Generative AI client with the API key from environment variables
 try:
@@ -1059,40 +1066,14 @@ with gr.Blocks(
     user_input.submit(
         fn=start_feed,
         inputs=[user_input, generate_video_checkbox, current_index, feed_items],
-        outputs=[current_user_input, current_index, feed_items, feed_html, share_html, is_loading],
-        _js="""
-        async (user_input, generate_video, current_index, feed_items) => {
-            const results = [];
-            for await (const update of gradioApp().fn_stream(start_feed, [user_input, generate_video, current_index, feed_items])) {
-                results.push(update);
-                if (update.length === 4) { // Progress update
-                    const [progress, message, html_content, is_loading] = update;
-                    gradioApp().update_component('feed_html', { value: html_content });
-                }
-            }
-            return results[results.length - 1]; // Return final result
-        }
-        """
+        outputs=[current_user_input, current_index, feed_items, feed_html, share_html, is_loading]
     )
 
     # Handle magic button click to generate next item
     magic_button.click(
         fn=load_next,
         inputs=[user_input, generate_video_checkbox, current_index, feed_items],
-        outputs=[current_user_input, current_index, feed_items, feed_html, share_html, is_loading],
-        _js="""
-        async (user_input, generate_video, current_index, feed_items) => {
-            const results = [];
-            for await (const update of gradioApp().fn_stream(load_next, [user_input, generate_video, current_index, feed_items])) {
-                results.push(update);
-                if (update.length === 4) { // Progress update
-                    const [progress, message, html_content, is_loading] = update;
-                    gradioApp().update_component('feed_html', { value: html_content });
-                }
-            }
-            return results[results.length - 1]; // Return final result
-        }
-        """
+        outputs=[current_user_input, current_index, feed_items, feed_html, share_html, is_loading]
     )
 
     # Hidden button for previous item navigation