Upload with huggingface_hub

README.md

@@ -1,12 +1,12 @@
+
 ---
-title: Blocks Inputs
-emoji: 💩
-colorFrom: blue
-colorTo: blue
+title: blocks_inputs 
+emoji: 🔥
+colorFrom: indigo
+colorTo: indigo
 sdk: gradio
 sdk_version: 3.3.1
+
 app_file: app.py
 pinned: false
 ---
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

app.py

@@ -0,0 +1,36 @@
+import gradio as gr
+import os
+
+def combine(a, b):
+    return a + " " + b
+
+def mirror(x):
+    return x
+
+with gr.Blocks() as demo:
+    
+    txt = gr.Textbox(label="Input", lines=2)
+    txt_2 = gr.Textbox(label="Input 2")
+    txt_3 = gr.Textbox(value="", label="Output")
+    btn = gr.Button(value="Submit")
+    btn.click(combine, inputs=[txt, txt_2], outputs=[txt_3])
+    
+    with gr.Row():
+        im = gr.Image()
+        im_2 = gr.Image()
+        
+    btn = gr.Button(value="Mirror Image")
+    btn.click(mirror, inputs=[im], outputs=[im_2])
+        
+    gr.Markdown("## Text Examples")
+    gr.Examples([["hi", "Adam"], ["hello", "Eve"]], [txt, txt_2], txt_3, combine, cache_examples=True)
+    gr.Markdown("## Image Examples")
+    gr.Examples(
+        examples=[os.path.join(os.path.dirname(__file__), "lion.jpg")],
+        inputs=im,
+        outputs=im_2,
+        fn=mirror,
+        cache_examples=True)
+
+if __name__ == "__main__":
+    demo.launch()

config.json

@@ -0,0 +1,306 @@
+{
+  "version": "3.1.4",
+  "mode": "blocks",
+  "dev_mode": true,
+  "components": [
+    {
+      "id": 1,
+      "type": "textbox",
+      "props": {
+        "lines": 2,
+        "max_lines": 20,
+        "value": "",
+        "label": "Input",
+        "show_label": true,
+        "name": "textbox",
+        "visible": true,
+        "style": {}
+      }
+    },
+    {
+      "id": 2,
+      "type": "textbox",
+      "props": {
+        "lines": 1,
+        "max_lines": 20,
+        "value": "",
+        "label": "Input 2",
+        "show_label": true,
+        "name": "textbox",
+        "visible": true,
+        "style": {}
+      }
+    },
+    {
+      "id": 3,
+      "type": "textbox",
+      "props": {
+        "lines": 1,
+        "max_lines": 20,
+        "value": "",
+        "label": "Output",
+        "show_label": true,
+        "name": "textbox",
+        "visible": true,
+        "style": {}
+      }
+    },
+    {
+      "id": 4,
+      "type": "button",
+      "props": {
+        "value": "Submit",
+        "variant": "secondary",
+        "name": "button",
+        "visible": true,
+        "style": {}
+      }
+    },
+    {
+      "id": 5,
+      "type": "row",
+      "props": {
+        "type": "row",
+        "visible": true,
+        "style": {}
+      }
+    },
+    {
+      "id": 6,
+      "type": "image",
+      "props": {
+        "image_mode": "RGB",
+        "source": "upload",
+        "tool": "editor",
+        "streaming": false,
+        "mirror_webcam": true,
+        "show_label": true,
+        "name": "image",
+        "visible": true,
+        "style": {}
+      }
+    },
+    {
+      "id": 7,
+      "type": "image",
+      "props": {
+        "image_mode": "RGB",
+        "source": "upload",
+        "tool": "editor",
+        "streaming": false,
+        "mirror_webcam": true,
+        "show_label": true,
+        "name": "image",
+        "visible": true,
+        "style": {}
+      }
+    },
+    {
+      "id": 8,
+      "type": "button",
+      "props": {
+        "value": "Mirror Image",
+        "variant": "secondary",
+        "name": "button",
+        "visible": true,
+        "style": {}
+      }
+    },
+    {
+      "id": 9,
+      "type": "markdown",
+      "props": {
+        "value": "<h2>Text Examples</h2>\n",
+        "name": "markdown",
+        "visible": true,
+        "style": {}
+      }
+    },
+    {
+      "id": 10,
+      "type": "dataset",
+      "props": {
+        "components": [
+          "textbox",
+          "textbox"
+        ],
+        "headers": [
+          "Input",
+          "Input 2"
+        ],
+        "samples": [
+          [
+            "hi",
+            "Adam"
+          ],
+          [
+            "hello",
+            "Eve"
+          ]
+        ],
+        "type": "index",
+        "name": "dataset",
+        "visible": true,
+        "style": {}
+      }
+    },
+    {
+      "id": 11,
+      "type": "markdown",
+      "props": {
+        "value": "<h2>Image Examples</h2>\n",
+        "name": "markdown",
+        "visible": true,
+        "style": {}
+      }
+    },
+    {
+      "id": 12,
+      "type": "dataset",
+      "props": {
+        "components": [
+          "image"
+        ],
+        "headers": [],
+        "samples": [
+          [
+            "/Users/dawoodkhan/Desktop/Developer/gradio/demo/blocks_inputs/lion.jpg"
+          ]
+        ],
+        "type": "index",
+        "name": "dataset",
+        "visible": true,
+        "style": {}
+      }
+    }
+  ],
+  "theme": "default",
+  "css": null,
+  "title": "Gradio",
+  "enable_queue": false,
+  "layout": {
+    "id": 0,
+    "children": [
+      {
+        "id": 1
+      },
+      {
+        "id": 2
+      },
+      {
+        "id": 3
+      },
+      {
+        "id": 4
+      },
+      {
+        "id": 5,
+        "children": [
+          {
+            "id": 6
+          },
+          {
+            "id": 7
+          }
+        ]
+      },
+      {
+        "id": 8
+      },
+      {
+        "id": 9
+      },
+      {
+        "id": 10
+      },
+      {
+        "id": 11
+      },
+      {
+        "id": 12
+      }
+    ]
+  },
+  "dependencies": [
+    {
+      "targets": [
+        4
+      ],
+      "trigger": "click",
+      "inputs": [
+        1,
+        2
+      ],
+      "outputs": [
+        3
+      ],
+      "backend_fn": true,
+      "js": null,
+      "status_tracker": null,
+      "queue": null,
+      "api_name": null,
+      "scroll_to_output": false,
+      "show_progress": true
+    },
+    {
+      "targets": [
+        8
+      ],
+      "trigger": "click",
+      "inputs": [
+        6
+      ],
+      "outputs": [
+        7
+      ],
+      "backend_fn": true,
+      "js": null,
+      "status_tracker": null,
+      "queue": null,
+      "api_name": null,
+      "scroll_to_output": false,
+      "show_progress": true
+    },
+    {
+      "targets": [
+        10
+      ],
+      "trigger": "click",
+      "inputs": [
+        10
+      ],
+      "outputs": [
+        1,
+        2,
+        3
+      ],
+      "backend_fn": true,
+      "js": null,
+      "status_tracker": null,
+      "queue": false,
+      "api_name": null,
+      "scroll_to_output": false,
+      "show_progress": true
+    },
+    {
+      "targets": [
+        12
+      ],
+      "trigger": "click",
+      "inputs": [
+        12
+      ],
+      "outputs": [
+        6,
+        7
+      ],
+      "backend_fn": true,
+      "js": null,
+      "status_tracker": null,
+      "queue": false,
+      "api_name": null,
+      "scroll_to_output": false,
+      "show_progress": true
+    }
+  ]
+}