Upload folder using huggingface_hub

README.md

@@ -1,12 +1,12 @@
+
 ---
-title: Image Editor Layers
-emoji: 🐢
+title: image_editor_layers 
+emoji: 🔥
 colorFrom: indigo
-colorTo: blue
+colorTo: indigo
 sdk: gradio
-sdk_version: 4.26.0
-app_file: app.py
+sdk_version: 4.27.0
+app_file: run.py
 pinned: false
+hf_oauth: true
 ---
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

run.ipynb

@@ -0,0 +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", "\n", "dir_ = Path(__file__).parent\n", "\n", "\n", "def predict(im):\n", "    return im\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", "    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\": str(dir_ / \"cheetah.jpg\"),\n", "            \"layers\": [str(dir_ / \"layer1.png\")],\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", "\n", "    im.change(\n", "        predict,\n", "        outputs=im_preview,\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", "    )\n", "\n", "\n", "if __name__ == \"__main__\":\n", "    demo.launch()\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}

run.py

@@ -0,0 +1,76 @@
+import gradio as gr
+from pathlib import Path
+
+
+dir_ = Path(__file__).parent
+
+
+def predict(im):
+    return im
+
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        im = gr.ImageEditor(
+            type="numpy",
+            interactive=True,
+        )
+        im_preview = gr.ImageEditor(
+            interactive=True,
+        )
+
+    set_background = gr.Button("Set Background")
+    set_background.click(
+        lambda: {
+            "background": str(dir_ / "cheetah.jpg"),
+            "layers": None,
+            "composite": None,
+        },
+        None,
+        im,
+        show_progress="hidden",
+    )
+    set_layers = gr.Button("Set Layers")
+    set_layers.click(
+        lambda: {
+            "background": str(dir_ / "cheetah.jpg"),
+            "layers": [str(dir_ / "layer1.png")],
+            "composite": None,
+        },
+        None,
+        im,
+        show_progress="hidden",
+    )
+    set_composite = gr.Button("Set Composite")
+    set_composite.click(
+        lambda: {
+            "background": None,
+            "layers": None,
+            "composite": "https://nationalzoo.si.edu/sites/default/files/animals/cheetah-003.jpg",
+        },
+        None,
+        im,
+        show_progress="hidden",
+    )
+
+    im.change(
+        predict,
+        outputs=im_preview,
+        inputs=im,
+    )
+
+    gr.Examples(
+        examples=[
+            "https://upload.wikimedia.org/wikipedia/commons/0/09/TheCheethcat.jpg",
+            {
+                "background": str(dir_ / "cheetah.jpg"),
+                "layers": [str(dir_ / "layer1.png")],
+                "composite": None,
+            },
+        ],
+        inputs=im,
+    )
+
+
+if __name__ == "__main__":
+    demo.launch()