Upload folder using huggingface_hub

README.md

@@ -1,12 +1,12 @@
+
 ---
-title: Browserstate Main
-emoji: 🦀
-colorFrom: pink
-colorTo: red
+title: browserstate_main 
+emoji: 🔥
+colorFrom: indigo
+colorTo: indigo
 sdk: gradio
 sdk_version: 5.5.0
-app_file: app.py
+app_file: run.py
 pinned: false
+hf_oauth: true
 ---
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

requirements.txt

@@ -0,0 +1,2 @@
+gradio-client @ git+https://github.com/gradio-app/gradio@fc06fe41f015678a0545f4e5c99f6ae2704f0031#subdirectory=client/python
+https://gradio-pypi-previews.s3.amazonaws.com/fc06fe41f015678a0545f4e5c99f6ae2704f0031/gradio-5.5.0-py3-none-any.whl

run.ipynb

@@ -0,0 +1 @@
+{"cells": [{"cell_type": "markdown", "id": "302934307671667531413257853548643485645", "metadata": {}, "source": ["# Gradio Demo: browserstate"]}, {"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 random\n", "import string\n", "import gradio as gr\n", "\n", "with gr.Blocks() as demo:\n", "    gr.Markdown(\"Your Username and Password will get saved in the browser's local storage. \"\n", "                \"If you refresh the page, the values will be retained.\")\n", "    username = gr.Textbox(label=\"Username\")\n", "    password = gr.Textbox(label=\"Password\", type=\"password\")\n", "    btn = gr.Button(\"Generate Randomly\")\n", "    local_storage = gr.BrowserState([\"\", \"\"])\n", "\n", "    @btn.click(outputs=[username, password])\n", "    def generate_randomly():\n", "        u = \"\".join(random.choices(string.ascii_letters + string.digits, k=10))\n", "        p = \"\".join(random.choices(string.ascii_letters + string.digits, k=10))\n", "        return u, p\n", "\n", "    @demo.load(inputs=[local_storage], outputs=[username, password])\n", "    def load_from_local_storage(saved_values):\n", "        print(\"loading from local storage\", saved_values)\n", "        return saved_values[0], saved_values[1]\n", "\n", "    @gr.on([username.change, password.change], inputs=[username, password], outputs=[local_storage])\n", "    def save_to_local_storage(username, password):\n", "        return [username, password]\n", "\n", "demo.launch()\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}

run.py

@@ -0,0 +1,28 @@
+import random
+import string
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Markdown("Your Username and Password will get saved in the browser's local storage. "
+                "If you refresh the page, the values will be retained.")
+    username = gr.Textbox(label="Username")
+    password = gr.Textbox(label="Password", type="password")
+    btn = gr.Button("Generate Randomly")
+    local_storage = gr.BrowserState(["", ""])
+
+    @btn.click(outputs=[username, password])
+    def generate_randomly():
+        u = "".join(random.choices(string.ascii_letters + string.digits, k=10))
+        p = "".join(random.choices(string.ascii_letters + string.digits, k=10))
+        return u, p
+
+    @demo.load(inputs=[local_storage], outputs=[username, password])
+    def load_from_local_storage(saved_values):
+        print("loading from local storage", saved_values)
+        return saved_values[0], saved_values[1]
+
+    @gr.on([username.change, password.change], inputs=[username, password], outputs=[local_storage])
+    def save_to_local_storage(username, password):
+        return [username, password]
+
+demo.launch()