Update app.py

app.py

@@ -834,49 +834,94 @@ def update_images():
     return image_1, image_2, image_3
 
 
+import os
+import gradio as gr
+from flask import Flask, redirect, request, url_for, session
+from authlib.integrations.flask_client import OAuth
+
+# Flask app setup
+app = Flask(__name__)
+app.secret_key = 'RANDOM_SECRET_KEY'
+app.config['SESSION_COOKIE_NAME'] = 'google-login-session'
+
+# OAuth setup
+oauth = OAuth(app)
+google = oauth.register(
+    name='google',
+    client_id=os.getenv('GOOGLE_CLIENT_ID'),
+    client_secret=os.getenv('GOOGLE_CLIENT_SECRET'),
+    access_token_url='https://accounts.google.com/o/oauth2/token',
+    access_token_params=None,
+    authorize_url='https://accounts.google.com/o/oauth2/auth',
+    authorize_params=None,
+    api_base_url='https://www.googleapis.com/oauth2/v1/',
+    userinfo_endpoint='https://openidconnect.googleapis.com/v1/userinfo',
+    client_kwargs={'scope': 'openid email profile'},
+)
 
-with gr.Blocks(theme='Pijush2023/scikit-learn-pijush') as demo:
-    
-    with gr.Row():
-        with gr.Column():
-            state = gr.State()
-            
-            chatbot = gr.Chatbot([], elem_id="RADAR:Channel 94.1", bubble_full_width=False)
-            choice = gr.Radio(label="Select Style", choices=["Details", "Conversational"], value="Conversational")
-            
-            gr.Markdown("<h1 style='color: red;'>Talk to RADAR</h1>", elem_id="voice-markdown")
-            chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="ASK Radar !!!")
-            chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
-            bot_msg = chat_msg.then(bot, [chatbot, choice], [chatbot, gr.Audio(interactive=False, autoplay=True)])
-            bot_msg.then(lambda: gr.Textbox(value="", interactive=True, placeholder="Ask Radar!!!...", show_label=False), None, [chat_input])
-            chatbot.like(print_like_dislike, None, None)
-            clear_button = gr.Button("Clear")
-            clear_button.click(fn=clear_textbox, inputs=None, outputs=chat_input)
-           
-            
-            audio_input = gr.Audio(sources=["microphone"], streaming=True, type='numpy')
-            audio_input.stream(transcribe_function, inputs=[state, audio_input], outputs=[state, chat_input], api_name="SAMLOne_real_time")
-
-            gr.Markdown("<h1 style='color: red;'>Map</h1>", elem_id="location-markdown")
-            location_output = gr.HTML()
-            bot_msg.then(show_map_if_details, [chatbot, choice], [location_output, location_output])
-        
-        with gr.Column():
-            weather_output = gr.HTML(value=fetch_local_weather())
-            news_output = gr.HTML(value=fetch_local_news())
-            news_output = gr.HTML(value=fetch_local_events())
-            
-        with gr.Column():
-            
-            image_output_1 = gr.Image(value=generate_image(hardcoded_prompt_1), width=400, height=400)
-            image_output_2 = gr.Image(value=generate_image(hardcoded_prompt_2), width=400, height=400)
-            image_output_3 = gr.Image(value=generate_image(hardcoded_prompt_3), width=400, height=400)
-
-
-            refresh_button = gr.Button("Refresh Images")
-            refresh_button.click(fn=update_images, inputs=None, outputs=[image_output_1, image_output_2, image_output_3])
-     
-demo.queue()
-demo.launch(share=True)
+# Define login route
+@app.route('/login')
+def login():
+    google = oauth.create_client('google')
+    redirect_uri = url_for('authorize', _external=True)
+    return google.authorize_redirect(redirect_uri)
+
+# Define authorize route
+@app.route('/authorize')
+def authorize():
+    google = oauth.create_client('google')
+    token = google.authorize_access_token()
+    user = google.parse_id_token(token)
+    session['user'] = user
+    return redirect('/')
+
+# Define logout route
+@app.route('/logout')
+def logout():
+    session.pop('user', None)
+    return redirect('/')
+
+# Define home route
+@app.route('/')
+def home():
+    user = dict(session).get('user', None)
+    return f'Hello, {user["name"]}!' if user else 'Hello, you are not logged in!'
 
+    
+# Integrate Gradio with Flask
+@app.route('/gradio')
+def gradio_interface():
+    with gr.Blocks() as demo:
+        with gr.Row():
+            with gr.Column():
+                chatbot = gr.Chatbot([], elem_id="RADAR:Channel 94.1", bubble_full_width=False)
+                choice = gr.Radio(label="Select Style", choices=["Details", "Conversational"], value="Conversational")
+                gr.Markdown("<h1 style='color: red;'>Talk to RADAR</h1>", elem_id="voice-markdown")
+                chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="ASK Radar !!!")
+                chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
+                bot_msg = chat_msg.then(bot, [chatbot, choice], [chatbot, gr.Audio(interactive=False, autoplay=True)])
+                bot_msg.then(lambda: gr.Textbox(value="", interactive=True, placeholder="Ask Radar!!!...", show_label=False), None, [chat_input])
+                chatbot.like(print_like_dislike, None, None)
+                clear_button = gr.Button("Clear")
+                clear_button.click(fn=clear_textbox, inputs=None, outputs=chat_input)
+                audio_input = gr.Audio(sources=["microphone"], streaming=True, type='numpy')
+                audio_input.stream(transcribe_function, inputs=[state, audio_input], outputs=[state, chat_input], api_name="SAMLOne_real_time")
+                gr.Markdown("<h1 style='color: red;'>Map</h1>", elem_id="location-markdown")
+                location_output = gr.HTML()
+                bot_msg.then(show_map_if_details, [chatbot, choice], [location_output, location_output])
+            with gr.Column():
+                weather_output = gr.HTML(value=fetch_local_weather())
+                news_output = gr.HTML(value=fetch_local_news())
+                news_output = gr.HTML(value=fetch_local_events())
+            with gr.Column():
+                image_output_1 = gr.Image(value=generate_image(hardcoded_prompt_1), width=400, height=400)
+                image_output_2 = gr.Image(value=generate_image(hardcoded_prompt_2), width=400, height=400)
+                image_output_3 = gr.Image(value=generate_image(hardcoded_prompt_3), width=400, height=400)
+                refresh_button = gr.Button("Refresh Images")
+                refresh_button.click(fn=update_images, inputs=None, outputs=[image_output_1, image_output_2, image_output_3])
+        demo.queue()
+        demo.launch(share=True, inline=False, server_name="0.0.0.0", server_port=7860)
+
+if __name__ == "__main__":
+    app.run(port=5000)