Upload with huggingface_hub

README.md

@@ -1,12 +1,11 @@
+
 ---
-title: Code
+title: code 
 emoji: 🔥
-colorFrom: blue
-colorTo: pink
+colorFrom: indigo
+colorTo: indigo
 sdk: gradio
-sdk_version: 3.20.1
-app_file: app.py
+sdk_version: 3.21.0
+app_file: run.py
 pinned: false
 ---
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

file.css

@@ -0,0 +1,11 @@
+.class {
+  color: blue;
+}
+
+#id {
+  color: pink;
+}
+
+div {
+  color: purple;
+}

run.ipynb

@@ -0,0 +1 @@
+{"cells": [{"cell_type": "markdown", "id": 302934307671667531413257853548643485645, "metadata": {}, "source": ["# Gradio Demo: code"]}, {"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/code/file.css"]}, {"cell_type": "code", "execution_count": null, "id": 44380577570523278879349135829904343037, "metadata": {}, "outputs": [], "source": ["import gradio as gr\n", "import os\n", "from time import sleep\n", "\n", "\n", "css_file = os.path.join(os.path.abspath(''), \"file.css\")\n", "\n", "\n", "def set_lang(language):\n", "    print(language)\n", "    return gr.Code.update(language=language)\n", "\n", "\n", "def set_lang_from_path():\n", "    sleep(1)\n", "    return gr.Code.update(css_file, language=\"css\")\n", "\n", "\n", "def code(language, code):\n", "    return gr.Code.update(code, language=language)\n", "\n", "\n", "io = gr.Interface(lambda x: x, \"code\", \"code\")\n", "\n", "with gr.Blocks() as demo:\n", "    lang = gr.Dropdown(value=\"python\", choices=gr.Code.languages)\n", "    with gr.Row():\n", "        code_in = gr.Code(language=\"python\", label=\"Input\")\n", "        code_out = gr.Code(label=\"Ouput\")\n", "    btn = gr.Button(\"Run\")\n", "    btn_two = gr.Button(\"Load File\")\n", "\n", "    lang.change(set_lang, inputs=lang, outputs=code_in)\n", "    btn.click(code, inputs=[lang, code_in], outputs=code_out)\n", "    btn_two.click(set_lang_from_path, inputs=None, outputs=code_out)\n", "    io.render()\n", "\n", "if __name__ == \"__main__\":\n", "    demo.launch()\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}

run.py

@@ -0,0 +1,39 @@
+import gradio as gr
+import os
+from time import sleep
+
+
+css_file = os.path.join(os.path.dirname(__file__), "file.css")
+
+
+def set_lang(language):
+    print(language)
+    return gr.Code.update(language=language)
+
+
+def set_lang_from_path():
+    sleep(1)
+    return gr.Code.update(css_file, language="css")
+
+
+def code(language, code):
+    return gr.Code.update(code, language=language)
+
+
+io = gr.Interface(lambda x: x, "code", "code")
+
+with gr.Blocks() as demo:
+    lang = gr.Dropdown(value="python", choices=gr.Code.languages)
+    with gr.Row():
+        code_in = gr.Code(language="python", label="Input")
+        code_out = gr.Code(label="Ouput")
+    btn = gr.Button("Run")
+    btn_two = gr.Button("Load File")
+
+    lang.change(set_lang, inputs=lang, outputs=code_in)
+    btn.click(code, inputs=[lang, code_in], outputs=code_out)
+    btn_two.click(set_lang_from_path, inputs=None, outputs=code_out)
+    io.render()
+
+if __name__ == "__main__":
+    demo.launch()