initial clone

API_demo_client_v2.code-workspace

@@ -0,0 +1,29 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	],
+	"settings": {
+		"workbench.colorCustomizations": {
+			"activityBar.activeBackground": "#d0283699",
+			"activityBar.background": "#d0283699",
+			"activityBar.foreground": "#e7e7e7",
+			"activityBar.inactiveForeground": "#e7e7e799",
+			"activityBarBadge.background": "#31bb24",
+			"activityBarBadge.foreground": "#15202b",
+			"commandCenter.border": "#e7e7e799",
+			"sash.hoverBorder": "#d0283699",
+			"statusBar.background": "#a5202b99",
+			"statusBar.foreground": "#e7e7e7",
+			"statusBarItem.hoverBackground": "#d0283699",
+			"statusBarItem.remoteBackground": "#a5202b99",
+			"statusBarItem.remoteForeground": "#e7e7e7",
+			"titleBar.activeBackground": "#a5202b99",
+			"titleBar.activeForeground": "#e7e7e7",
+			"titleBar.inactiveBackground": "#a5202b99",
+			"titleBar.inactiveForeground": "#e7e7e799"
+		},
+		"peacock.color": "#a5202b99"
+	}
+}

README.md

@@ -1,12 +1,13 @@
 ---
 title: API Demo Client V2
-emoji: 🏃
-colorFrom: indigo
-colorTo: pink
+emoji: 🔌👩🏻‍💻
+colorFrom: yellow
+colorTo: red
 sdk: gradio
 sdk_version: 4.21.0
 app_file: app.py
 pinned: false
+short_description: An API demo for academic purpose
 ---
 
 Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

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)

requirements.txt

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