Merge branch 'v1_feature/interface_beautify' into develop

Untitled-1.py

@@ -1,63 +0,0 @@
-
-import gradio as gr
-import time
-
-disease_values = [0.25, 0.5, 0.75]
-
-def xray_model(diseases, img):
-    return [{disease: disease_values[idx] for idx,disease in enumerate(diseases)}]
-
-
-def ct_model(diseases, img):
-    return [{disease: 0.1 for disease in diseases}]
-
-with gr.Blocks() as demo:
-    gr.Markdown(
-        """
-# Detect Disease From Scan
-With this model you can lorem ipsum
-- ipsum 1
-- ipsum 2
-"""
-    )
-    gr.DuplicateButton()
-    disease = gr.CheckboxGroup(
-        info="Select the diseases you want to scan for.",
-        choices=["Covid", "Malaria", "Lung Cancer"], label="Disease to Scan For"
-    )
-    slider = gr.Slider(0, 100)
-
-    with gr.Tab("X-ray") as x_tab:
-        with gr.Row():
-            xray_scan = gr.Image()
-            xray_results = gr.JSON()
-        xray_run = gr.Button("Run")
-        xray_run.click(
-            xray_model,
-            inputs=[disease, xray_scan],
-            outputs=xray_results,
-            api_name="xray_model"
-        )
-
-    with gr.Tab("CT Scan"):
-        with gr.Row():
-            ct_scan = gr.Image()
-            ct_results = gr.JSON()
-        ct_run = gr.Button("Run")
-        ct_run.click(
-            ct_model,
-            inputs=[disease, ct_scan],
-            outputs=ct_results,
-            api_name="ct_model"
-        )
-
-    upload_btn = gr.Button("Upload Results", variant="primary")
-    upload_btn.click(
-        lambda ct, xr: None,
-        inputs=[ct_results, xray_results],
-        outputs=[],
-    )
-
-if __name__ == "__main__":
-    demo.launch()
-

app copy 2.py

@@ -1,63 +0,0 @@
-import gradio as gr
-from gradio_client import Client
-
-MESAGE_HEADER = """
-# API Demo (Client component)
-Welcome to my simple demonstration of the gradio potential as an API.
-
-It is made of 2 components: *API_demo_server* and *API_demo_client*.
-
-Server component: [Nuno-Tome/API_demo_server](Nuno-Tome/aPI_demo_server)
-Client component: [Nuno-Tome/API_demo_client](Nuno-Tome/aPI_demo_client)
-
-**Just write you message and watch it be returned by the server.**   
-                
-"""
-
-
-
-MESAGE_BMC = """
-## If you want to support me, you can buy me a coffee:
-    
-    [![Buy me a coffee](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/nunotome)
-    """
-    
-# Print the message header for "By me a coffee" link
-def print_bmc():
-
-    bmc_link = "https://www.buymeacoffee.com/nuno.tome"
-    image_url = "https://helloimjessa.files.wordpress.com/2021/06/bmc-button.png?w=" # Image URL
-    #image_size = "150px" # Image size
-    #image_link_markdown = f"[![Buy Me a Coffee]({image_url})]({bmc_link})"
-    image_link_markdown = "[![Buy Me a Coffee]({image_url})]({bmc_link})"
-
-    gr.Markdown("""
-                [![Buy Me a Coffee]({image_url})]({bmc_link})
-                """)
-    # Buy me a Coffee Setup
-
-   
-    
-
-
-client = Client("Nuno-Tome/API_demo_server")
-DEBUG_MODE = True
-
-
-def request(text):
-    
-    gr.Markdown(
-    """
-    # Hello World!
-    Start typing below to see the output.
-    """)
-    
-    result = client.predict(
-        text,
-		api_name="/predict"
-    )
-    return result
-
-demo = gr.Interface(fn=request, inputs="textbox", outputs="json")
-    
-demo.launch(share=True)

app copy.py

@@ -1,20 +0,0 @@
-from gradio_client import Client
-import gradio as gr
-
-DEBUG_MODE = True
-
-client = Client("Nuno-Tome/API_demo_server")
-
-def request(text):
-    #if DEBUG_MODE:
-    result = "Hello World"
-    #    gr.Markdown("client:" + str(client))
-    #    gr.Markdown(f"## Requesting prediction for: {text}")
-    result = client.echo(text, api_name="/echo")
-    #if DEBUG_MODE:
-    #    gr.Markdown(f"## Prediction result: {result}")
-    #    print(f"Prediction result: {result}")
-    return result
-
-
-io = gr.Interface(request, "textbox", "json")

app.py

@@ -4,11 +4,35 @@ from gradio_client import Client
 
 DEBUG_MODE = True
 
+MESAGE_HEADER = """
+# 🔌👩🏻‍💻  API Demo (Client component)  🔌👩🏻‍💻
 
-def update(name):
-    #return f"Welcome to Gradio, {name}!"
-    return {"name": name}
 
+Welcome to my simple demonstration of the gradio potential as an API.
+
+It is made of 2 components: *API_demo_server* and *API_demo_client*.
+
+* Server component: 🔌🌐 [Nuno-Tome/API_demo_server](Nuno-Tome/aPI_demo_server)
+
+* Client component: 🔌👩🏻‍💻 [Nuno-Tome/API_demo_client](Nuno-Tome/aPI_demo_client)
+
+**Just write you message and watch it be returned by the server.**   
+                
+"""
+
+
+def get_bmc_markdown():
+    bmc_link = "https://www.buymeacoffee.com/nuno.tome"
+    image_url = "https://helloimjessa.files.wordpress.com/2021/06/bmc-button.png" # Image URL
+    image_size = "150" # Image size
+    image_url_full = image_url + "?w=" + image_size
+    image_link_markdown = f"[![Buy Me a Coffee]({image_url_full})]({bmc_link})"
+    full_text = """
+                ### If you like this project, please consider liking it or buying me a coffee. It will help me to keep working on this and other projects. Thank you!
+                # """ + image_link_markdown
+    return full_text
+
+   
 def send_request(text):
     client = Client("Nuno-Tome/API_demo_server")
     result = client.predict(
@@ -19,18 +43,18 @@ def send_request(text):
 
 with gr.Blocks() as demo:
     
-    with gr.Row():
-        gr.Markdown("Start typing below and then click **Run** to see the output.")
-        #gr.DuplicateButton()
+    gr.Markdown(MESAGE_HEADER)
+    gr.Markdown(get_bmc_markdown())
+    gr.DuplicateButton()
+    
     with gr.Row():
         with gr.Column():
-            gr.Markdown("Type your message:")
+            gr.Markdown("**Type your message:**")
             inp = gr.Textbox(placeholder="What is your name?")
         with gr.Column():
-          out = gr.JSON()  
+            gr.Markdown("**This is your gradio api request response:**")
+            out = gr.JSON()  
     btn = gr.Button("Send request to server")
     btn.click(fn=send_request, inputs=inp, outputs=out)
-      
-    
-        
+ 
 demo.launch(share=True)