v0.1

README.md

@@ -1,13 +1,21 @@
+
 ---
-title: SubmittableDynamicText
+title: Submittable Dynamic Text - Template
 emoji: 🦀
 colorFrom: blue
 colorTo: green
 sdk: gradio
 sdk_version: 4.26.0
 app_file: app.py
-pinned: false
+pinned: true
 license: mit
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# Submittable Dynamic Text
+
+Some of us still see the value in simple completions. To this end, we have created a Submittable Dynamic Text component ( A text box that sends a request when Shift-Enter is pressed. ) 
+
+Enjoy!
+
+`Made with <3 - Sam`
+

app.py

@@ -0,0 +1,28 @@
+import gradio as gr
+
+import os
+
+GRADIO_PORT = os.getenv("GRADIO_PORT") or 7680
+GRADIO_SHARE = os.getenv("GRADIO_SHARE") or True
+GRADIO_DEBUG = os.getenv("GRADIO_DEBUG") or True
+
+SDT_PLACEHOLDER = os.getenv("SDT_PLACEHOLDER") or "Ctrl-Shift to get a response..."
+SDT_LABEL = os.getenv("SDT_LABEL") or "Dyanmic Text ( Shift-Enter to send )"
+SDT_LINES = os.getenv("SDT_LINES") or "\n"*16
+
+INITIAL_STATE = {
+    "html": f"""
+<h1>Welcome</h1>
+"""
+}
+
+def greeting(inpt):
+    return "<strong>You Said</strong>, <p>" + inpt.strip() + "</p>!\n\n"
+
+with gr.Blocks() as dmo:
+    with gr.Row():
+        output = gr.HTML(INITIAL_STATE['html'])
+    with gr.Row():
+        inpt = gr.Textbox(SDT_LINES, placeholder=SDT_PLACEHOLDER, label=SDT_LABEL, lines=len(SDT_LINES))
+        inpt.submit(greeting, inputs=[inpt], outputs=[inpt])
+    dmo.launch(share=GRADIO_SHARE, debug=GRADIO_DEBUG, inline=True, server_port=GRADIO_PORT)

demo.ipynb

@@ -0,0 +1,92 @@
+{
+ "cells": [
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "# Submittable Dynamic Text Area"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 3,
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "Running on local URL:  http://127.0.0.1:7680\n",
+      "Running on public URL: https://7e928ad820ac1daccd.gradio.live\n",
+      "\n",
+      "This share link expires in 72 hours. For free permanent hosting and GPU upgrades, run `gradio deploy` from Terminal to deploy to Spaces (https://huggingface.co/spaces)\n"
+     ]
+    },
+    {
+     "data": {
+      "text/html": [
+       "<div><iframe src=\"https://7e928ad820ac1daccd.gradio.live\" width=\"100%\" height=\"500\" allow=\"autoplay; camera; microphone; clipboard-read; clipboard-write;\" frameborder=\"0\" allowfullscreen></iframe></div>"
+      ],
+      "text/plain": [
+       "<IPython.core.display.HTML object>"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    }
+   ],
+   "source": [
+    "# %load app.py\n",
+    "import gradio as gr\n",
+    "\n",
+    "import os\n",
+    "\n",
+    "GRADIO_PORT = os.getenv(\"GRADIO_PORT\") or 7680\n",
+    "GRADIO_SHARE = os.getenv(\"GRADIO_SHARE\") or True\n",
+    "GRADIO_DEBUG = os.getenv(\"GRADIO_DEBUG\") or True\n",
+    "\n",
+    "SDT_PLACEHOLDER = os.getenv(\"SDT_PLACEHOLDER\") or \"Ctrl-Shift to get a response...\"\n",
+    "SDT_LABEL = os.getenv(\"SDT_LABEL\") or \"Dyanmic Text ( Shift-Enter to send )\"\n",
+    "SDT_LINES = os.getenv(\"SDT_LINES\") or \"\\n\"*16\n",
+    "\n",
+    "INITIAL_STATE = {\n",
+    "    \"html\": f\"\"\"\n",
+    "<h1>Welcome</h1>\n",
+    "\"\"\"\n",
+    "}\n",
+    "\n",
+    "def greeting(inpt):\n",
+    "    return \"<strong>You Said</strong>, <p>\" + inpt.strip() + \"</p>!\\n\\n\"\n",
+    "\n",
+    "with gr.Blocks() as dmo:\n",
+    "    with gr.Row():\n",
+    "        output = gr.HTML(INITIAL_STATE['html'])\n",
+    "    with gr.Row():\n",
+    "        inpt = gr.Textbox(SDT_LINES, placeholder=SDT_PLACEHOLDER, label=SDT_LABEL, lines=len(SDT_LINES))\n",
+    "        inpt.submit(greeting, inputs=[inpt], outputs=[inpt])\n",
+    "    dmo.launch(share=GRADIO_SHARE, debug=GRADIO_DEBUG, inline=True, server_port=GRADIO_PORT)"
+   ]
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": "Python 3",
+   "language": "python",
+   "name": "python3"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 3
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython3",
+   "version": "3.11.9"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 2
+}