Upload folder using huggingface_hub

README.md

@@ -5,7 +5,7 @@ emoji: 🔥
 colorFrom: indigo
 colorTo: indigo
 sdk: gradio
-sdk_version: 5.23.3
+sdk_version: 5.24.0
 app_file: run.py
 pinned: false
 hf_oauth: true

run.ipynb

@@ -1 +1 @@
-{"cells": [{"cell_type": "markdown", "id": "302934307671667531413257853548643485645", "metadata": {}, "source": ["# Gradio Demo: image_editor_layers"]}, {"cell_type": "code", "execution_count": null, "id": "272996653310673477252411125948039410165", "metadata": {}, "outputs": [], "source": ["!pip install -q gradio "]}, {"cell_type": "code", "execution_count": null, "id": "288918539441861185822528903084949547379", "metadata": {}, "outputs": [], "source": ["# Downloading files from the demo repo\n", "import os\n", "!wget -q https://github.com/gradio-app/gradio/raw/main/demo/image_editor_layers/cheetah.jpg\n", "!wget -q https://github.com/gradio-app/gradio/raw/main/demo/image_editor_layers/layer1.png"]}, {"cell_type": "code", "execution_count": null, "id": "44380577570523278879349135829904343037", "metadata": {}, "outputs": [], "source": ["import gradio as gr\n", "from pathlib import Path\n", "\n", "dir_ = Path(__file__).parent\n", "\n", "def predict(im):\n", "    return im, len(im['layers'])\n", "\n", "with gr.Blocks() as demo:\n", "    with gr.Row():\n", "        im = gr.ImageEditor(\n", "            type=\"numpy\",\n", "            interactive=True,\n", "        )\n", "        im_preview = gr.ImageEditor(\n", "            interactive=True,\n", "        )\n", "    \n", "    num_layers = gr.Number(value=0, label=\"Num Layers\")\n", "    example_ran = gr.Number(value=0, label=\"Example Ran\")\n", "\n", "    set_background = gr.Button(\"Set Background\")\n", "    set_background.click(\n", "        lambda: {\n", "            \"background\": str(dir_ / \"cheetah.jpg\"),\n", "            \"layers\": None,\n", "            \"composite\": None,\n", "        },\n", "        None,\n", "        im,\n", "        show_progress=\"hidden\",\n", "    )\n", "    set_layers = gr.Button(\"Set Layers\")\n", "    set_layers.click(\n", "        lambda: {\n", "            \"background\": None,\n", "            \"layers\": [\"https://nationalzoo.si.edu/sites/default/files/animals/cheetah-003.jpg\"],\n", "            \"composite\": None,\n", "        },\n", "        None,\n", "        im,\n", "        show_progress=\"hidden\",\n", "    )\n", "    set_composite = gr.Button(\"Set Composite\")\n", "    set_composite.click(\n", "        lambda: {\n", "            \"background\": None,\n", "            \"layers\": None,\n", "            \"composite\": \"https://nationalzoo.si.edu/sites/default/files/animals/cheetah-003.jpg\",\n", "        },\n", "        None,\n", "        im,\n", "        show_progress=\"hidden\",\n", "    )\n", "    get_layers = gr.Button(\"Get Layers\")\n", "\n", "    get_layers.click(\n", "        predict,\n", "        outputs=[im_preview, num_layers],\n", "        inputs=im,\n", "    )\n", "\n", "    gr.Examples(\n", "        examples=[\n", "            \"https://upload.wikimedia.org/wikipedia/commons/0/09/TheCheethcat.jpg\",\n", "            {\n", "                \"background\": str(dir_ / \"cheetah.jpg\"),\n", "                \"layers\": [str(dir_ / \"layer1.png\")],\n", "                \"composite\": None,\n", "            },\n", "        ],\n", "        inputs=im,\n", "        outputs=[example_ran],\n", "        fn=lambda x: 1,\n", "        run_on_click=True,\n", "    )\n", "\n", "if __name__ == \"__main__\":\n", "    demo.launch()\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}
+{"cells": [{"cell_type": "markdown", "id": "302934307671667531413257853548643485645", "metadata": {}, "source": ["# Gradio Demo: image_editor_layers"]}, {"cell_type": "code", "execution_count": null, "id": "272996653310673477252411125948039410165", "metadata": {}, "outputs": [], "source": ["!pip install -q gradio "]}, {"cell_type": "code", "execution_count": null, "id": "288918539441861185822528903084949547379", "metadata": {}, "outputs": [], "source": ["# Downloading files from the demo repo\n", "import os\n", "!wget -q https://github.com/gradio-app/gradio/raw/main/demo/image_editor_layers/cheetah.jpg\n", "!wget -q https://github.com/gradio-app/gradio/raw/main/demo/image_editor_layers/layer1.png"]}, {"cell_type": "code", "execution_count": null, "id": "44380577570523278879349135829904343037", "metadata": {}, "outputs": [], "source": ["import gradio as gr\n", "from pathlib import Path\n", "\n", "dir_ = Path(__file__).parent\n", "\n", "\n", "def predict(im):\n", "    print(im)\n", "    return im, len(im[\"layers\"])\n", "\n", "\n", "with gr.Blocks() as demo:\n", "    with gr.Row():\n", "        im = gr.ImageEditor(\n", "            type=\"numpy\",\n", "            interactive=True,\n", "        )\n", "        im_preview = gr.ImageEditor(\n", "            interactive=True,\n", "        )\n", "\n", "    layer_updates = gr.Textbox(value=\"\", label=\"Layer Updates\")\n", "    num_layers = gr.Number(value=0, label=\"Num Layers\")\n", "    example_ran = gr.Number(value=0, label=\"Example Ran\")\n", "\n", "    set_background = gr.Button(\"Set Background\")\n", "    set_background.click(\n", "        lambda: {\n", "            \"background\": str(dir_ / \"cheetah.jpg\"),\n", "            \"layers\": None,\n", "            \"composite\": None,\n", "        },\n", "        None,\n", "        im,\n", "        show_progress=\"hidden\",\n", "    )\n", "    set_layers = gr.Button(\"Set Layers\")\n", "    set_layers.click(\n", "        lambda: {\n", "            \"background\": None,\n", "            \"layers\": [\n", "                \"https://nationalzoo.si.edu/sites/default/files/animals/cheetah-003.jpg\"\n", "            ],\n", "            \"composite\": None,\n", "        },\n", "        None,\n", "        im,\n", "        show_progress=\"hidden\",\n", "    )\n", "    im.change(\n", "        lambda x: len(x[\"layers\"]),\n", "        inputs=im,\n", "        outputs=layer_updates,\n", "    )\n", "    set_composite = gr.Button(\"Set Composite\")\n", "    set_composite.click(\n", "        lambda: {\n", "            \"background\": None,\n", "            \"layers\": None,\n", "            \"composite\": \"https://nationalzoo.si.edu/sites/default/files/animals/cheetah-003.jpg\",\n", "        },\n", "        None,\n", "        im,\n", "        show_progress=\"hidden\",\n", "    )\n", "    get_layers = gr.Button(\"Get Layers\")\n", "\n", "    get_layers.click(\n", "        predict,\n", "        outputs=[im_preview, num_layers],\n", "        inputs=im,\n", "    )\n", "\n", "    gr.Examples(\n", "        examples=[\n", "            \"https://upload.wikimedia.org/wikipedia/commons/0/09/TheCheethcat.jpg\",\n", "            {\n", "                \"background\": str(dir_ / \"cheetah.jpg\"),\n", "                \"layers\": [str(dir_ / \"layer1.png\")],\n", "                \"composite\": None,\n", "            },\n", "        ],\n", "        inputs=im,\n", "        outputs=[example_ran],\n", "        fn=lambda x: 1,\n", "        run_on_click=True,\n", "    )\n", "\n", "if __name__ == \"__main__\":\n", "    demo.launch()\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}

run.py

@@ -3,8 +3,11 @@ from pathlib import Path
 
 dir_ = Path(__file__).parent
 
+
 def predict(im):
-    return im, len(im['layers'])
+    print(im)
+    return im, len(im["layers"])
+
 
 with gr.Blocks() as demo:
     with gr.Row():
@@ -15,7 +18,8 @@ with gr.Blocks() as demo:
         im_preview = gr.ImageEditor(
             interactive=True,
         )
-    
+
+    layer_updates = gr.Textbox(value="", label="Layer Updates")
     num_layers = gr.Number(value=0, label="Num Layers")
     example_ran = gr.Number(value=0, label="Example Ran")
 
@@ -34,13 +38,20 @@ with gr.Blocks() as demo:
     set_layers.click(
         lambda: {
             "background": None,
-            "layers": ["https://nationalzoo.si.edu/sites/default/files/animals/cheetah-003.jpg"],
+            "layers": [
+                "https://nationalzoo.si.edu/sites/default/files/animals/cheetah-003.jpg"
+            ],
             "composite": None,
         },
         None,
         im,
         show_progress="hidden",
     )
+    im.change(
+        lambda x: len(x["layers"]),
+        inputs=im,
+        outputs=layer_updates,
+    )
     set_composite = gr.Button("Set Composite")
     set_composite.click(
         lambda: {