done

app.py

@@ -0,0 +1,60 @@
+import gradio as gr
+from gradio_client import Client
+
+
+DEBUG_MODE = True
+
+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.**   
+                
+"""
+
+
+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(
+        text,
+        api_name="/predict"
+    )
+    return result
+
+with gr.Blocks() as demo:
+  
+    gr.Markdown(MESAGE_HEADER)
+    gr.DuplicateButton()
+    gr.Markdown(get_bmc_markdown())
+     
+    with gr.Row():
+        with gr.Column():
+            gr.Markdown("**Type your message:**")
+            inp = gr.TextArea(placeholder="What is your name?")
+        with gr.Column():
+            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)

nnf_text_to_speech_v1_tester1.code-workspace

@@ -6,24 +6,24 @@
 	],
 	"settings": {
 		"workbench.colorCustomizations": {
-			"activityBar.activeBackground": "#65c89b",
-			"activityBar.background": "#65c89b",
+			"activityBar.activeBackground": "#f7f7f6",
+			"activityBar.background": "#f7f7f6",
 			"activityBar.foreground": "#15202b",
 			"activityBar.inactiveForeground": "#15202b99",
-			"activityBarBadge.background": "#945bc4",
-			"activityBarBadge.foreground": "#e7e7e7",
+			"activityBarBadge.background": "#40bfbf",
+			"activityBarBadge.foreground": "#15202b",
 			"commandCenter.border": "#15202b99",
-			"sash.hoverBorder": "#65c89b",
-			"statusBar.background": "#42b883",
+			"sash.hoverBorder": "#f7f7f6",
+			"statusBar.background": "#e0dfda",
 			"statusBar.foreground": "#15202b",
-			"statusBarItem.hoverBackground": "#359268",
-			"statusBarItem.remoteBackground": "#42b883",
+			"statusBarItem.hoverBackground": "#c9c7be",
+			"statusBarItem.remoteBackground": "#e0dfda",
 			"statusBarItem.remoteForeground": "#15202b",
-			"titleBar.activeBackground": "#42b883",
+			"titleBar.activeBackground": "#e0dfda",
 			"titleBar.activeForeground": "#15202b",
-			"titleBar.inactiveBackground": "#42b88399",
+			"titleBar.inactiveBackground": "#e0dfda99",
 			"titleBar.inactiveForeground": "#15202b99"
 		},
-		"peacock.color": "#42b883"
+		"peacock.color": "#e0dfda"
 	}
 }

requirements.txt

@@ -0,0 +1,2 @@
+gradio_client
+gradio