add gradio

app.py

@@ -6,6 +6,15 @@ from starlette.routing import Route, WebSocketRoute, Mount
 from starlette.websockets import WebSocket
 from starlette.types import Message, Receive, Scope, Send
 
+# -------------------- gradio ------------------------
+import gradio as gr
+
+async def name_fn(name):
+    await mbase.add_msg(f'gradio_name: {name}')
+    return "Name: " + name + "!"
+
+io = gr.Interface(fn=name_fn, inputs=gr.Textbox(lines=2, placeholder="Name Here..."), outputs="text")
+
 # -------------------- shiny ------------------------
 import shiny 
 from shiny import App, render, ui, reactive
@@ -79,7 +88,10 @@ html = """
                 
             }
        </script>
-       <iframe src="/shiny/" width="100%" height="400" style="border:1px solid blue;"></iframe>
+       Shiny App
+       <iframe src="/shiny/" width="100%" height="250" style="border:1px solid blue;"></iframe>
+       Gradio App
+       <iframe src="/gradio/" width="100%" height="250" style="border:1px solid red;"></iframe>
        <div class="bottom_div"><ul class="log_msg" id="log_msg"></ul></div> 
     </body>
 </html>"""
@@ -102,7 +114,7 @@ routes = [
     Mount('/shiny', app=app_shiny)
 ]
 app = Starlette(routes=routes)
-
+app = gr.mount_gradio_app(app, io, path='/gradio')  # insert gradio app this way
 
 # as a main work loop..
 @app.on_event("startup")