Upload folder using huggingface_hub

requirements.txt

@@ -1,2 +1,2 @@
-gradio-client @ git+https://github.com/gradio-app/gradio@de997e67c9a7feb9e2eccebf92969366dbd67eba#subdirectory=client/python
-https://gradio-builds.s3.amazonaws.com/de997e67c9a7feb9e2eccebf92969366dbd67eba/gradio-4.39.0-py3-none-any.whl
+gradio-client @ git+https://github.com/gradio-app/gradio@9b42ba8f1006c05d60a62450d3036ce0d6784f86#subdirectory=client/python
+https://gradio-builds.s3.amazonaws.com/9b42ba8f1006c05d60a62450d3036ce0d6784f86/gradio-4.39.0-py3-none-any.whl

run.ipynb

@@ -1 +1 @@
-{"cells": [{"cell_type": "markdown", "id": "302934307671667531413257853548643485645", "metadata": {}, "source": ["# Gradio Demo: blocks_js_load"]}, {"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": ["import gradio as gr\n", "\n", "def welcome(name):\n", "    return f\"Welcome to Gradio, {name}!\"\n", "\n", "js = \"\"\"\n", "function createGradioAnimation() {\n", "    var container = document.createElement('div');\n", "    container.id = 'gradio-animation';\n", "    container.style.fontSize = '2em';\n", "    container.style.fontWeight = 'bold';\n", "    container.style.textAlign = 'center';\n", "    container.style.marginBottom = '20px';\n", "\n", "    var text = 'Welcome to Gradio!';\n", "    for (var i = 0; i < text.length; i++) {\n", "        (function(i){\n", "            setTimeout(function(){\n", "                var letter = document.createElement('span');\n", "                letter.style.opacity = '0';\n", "                letter.style.transition = 'opacity 0.5s';\n", "                letter.innerText = text[i];\n", "\n", "                container.appendChild(letter);\n", "\n", "                setTimeout(function() {\n", "                    letter.style.opacity = '1';\n", "                }, 50);\n", "            }, i * 250);\n", "        })(i);\n", "    }\n", "\n", "    var gradioContainer = document.querySelector('.gradio-container');\n", "    gradioContainer.insertBefore(container, gradioContainer.firstChild);\n", "\n", "    return 'Animation created';\n", "}\n", "\"\"\"\n", "with gr.Blocks(js=js) as demo:\n", "    inp = gr.Textbox(placeholder=\"What is your name?\")\n", "    out = gr.Textbox()\n", "    inp.change(welcome, inp, out)\n", "\n", "if __name__ == \"__main__\":\n", "    demo.launch()"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}
+{"cells": [{"cell_type": "markdown", "id": "302934307671667531413257853548643485645", "metadata": {}, "source": ["# Gradio Demo: blocks_js_load"]}, {"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": ["import gradio as gr\n", "\n", "def welcome(name):\n", "    return f\"Welcome to Gradio, {name}!\"\n", "\n", "js = \"\"\"\n", "function createGradioAnimation() {\n", "    var container = document.createElement('div');\n", "    container.id = 'gradio-animation';\n", "    container.style.fontSize = '2em';\n", "    container.style.fontWeight = 'bold';\n", "    container.style.textAlign = 'center';\n", "    container.style.marginBottom = '20px';\n", "\n", "    var text = 'Welcome to Gradio!';\n", "    for (var i = 0; i < text.length; i++) {\n", "        (function(i){\n", "            setTimeout(function(){\n", "                var letter = document.createElement('span');\n", "                letter.style.opacity = '0';\n", "                letter.style.transition = 'opacity 0.5s';\n", "                letter.innerText = text[i];\n", "\n", "                container.appendChild(letter);\n", "\n", "                setTimeout(function() {\n", "                    letter.style.opacity = '1';\n", "                }, 50);\n", "            }, i * 250);\n", "        })(i);\n", "    }\n", "\n", "    var gradioContainer = document.querySelector('.gradio-container');\n", "    gradioContainer.insertBefore(container, gradioContainer.firstChild);\n", "\n", "    return 'Animation created';\n", "}\n", "\"\"\"\n", "with gr.Blocks(js=js) as demo:\n", "    inp = gr.Textbox(placeholder=\"What is your name?\")\n", "    out = gr.Textbox()\n", "    inp.change(welcome, inp, out)\n", "\n", "if __name__ == \"__main__\":\n", "    demo.launch()\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}

run.py

@@ -42,4 +42,4 @@ with gr.Blocks(js=js) as demo:
     inp.change(welcome, inp, out)
 
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch()