Upload folder using huggingface_hub

Dockerfile

@@ -13,4 +13,4 @@ RUN pip install --no-cache-dir -r requirements.txt
 
 ENV PYTHONUNBUFFERED=1 	GRADIO_ALLOW_FLAGGING=never 	GRADIO_NUM_PORTS=1 	GRADIO_SERVER_NAME=0.0.0.0     GRADIO_SERVER_PORT=7860 	SYSTEM=spaces
 
-CMD ["python", "app.py"]
+CMD ["python", "space.py"]

README.md

@@ -1,9 +1,9 @@
 
 ---
 tags: [gradio-custom-component,machine learning,reproducibility,visualization,gradio,gradio-template-SimpleTextbox]
-title: gradio_rich_textbox V0.3.0
-colorFrom: pink
-colorTo: pink
+title: gradio_rich_textbox V0.4.2
+colorFrom: indigo
+colorTo: purple
 sdk: docker
 pinned: false
 license: apache-2.0

requirements.txt

@@ -1 +1 @@
-gradio_rich_textbox-0.3.0-py3-none-any.whl
+gradio_rich_textbox==0.4.0

src/backend/gradio_rich_textbox/richtextbox.pyi

@@ -130,7 +130,7 @@ class RichTextbox(FormComponent):
             preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
             postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
             cancels: A list of other events to cancel when this listener is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method. Functions that have not yet run (or generators that are iterating) will be cancelled, but functions that are currently running will be allowed to finish.
-            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds.
             trigger_mode: If "once" (default for all events except `.change()`) would not allow any submissions while an event is pending. If set to "multiple", unlimited submissions are allowed while pending, and "always_last" (default for `.change()` event) would allow a second submission after the pending event is complete.
             js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
             concurrency_limit: If set, this is the maximum number of this event that can be running simultaneously. Can be set to None to mean no concurrency_limit (any number of this event can be running simultaneously). Set to "default" to use the default concurrency limit (defined by the `default_concurrency_limit` parameter in `Blocks.queue()`, which itself is 1 by default).
@@ -172,7 +172,7 @@ class RichTextbox(FormComponent):
             preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
             postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
             cancels: A list of other events to cancel when this listener is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method. Functions that have not yet run (or generators that are iterating) will be cancelled, but functions that are currently running will be allowed to finish.
-            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds.
             trigger_mode: If "once" (default for all events except `.change()`) would not allow any submissions while an event is pending. If set to "multiple", unlimited submissions are allowed while pending, and "always_last" (default for `.change()` event) would allow a second submission after the pending event is complete.
             js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
             concurrency_limit: If set, this is the maximum number of this event that can be running simultaneously. Can be set to None to mean no concurrency_limit (any number of this event can be running simultaneously). Set to "default" to use the default concurrency limit (defined by the `default_concurrency_limit` parameter in `Blocks.queue()`, which itself is 1 by default).
@@ -214,7 +214,7 @@ class RichTextbox(FormComponent):
             preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
             postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
             cancels: A list of other events to cancel when this listener is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method. Functions that have not yet run (or generators that are iterating) will be cancelled, but functions that are currently running will be allowed to finish.
-            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds.
             trigger_mode: If "once" (default for all events except `.change()`) would not allow any submissions while an event is pending. If set to "multiple", unlimited submissions are allowed while pending, and "always_last" (default for `.change()` event) would allow a second submission after the pending event is complete.
             js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
             concurrency_limit: If set, this is the maximum number of this event that can be running simultaneously. Can be set to None to mean no concurrency_limit (any number of this event can be running simultaneously). Set to "default" to use the default concurrency limit (defined by the `default_concurrency_limit` parameter in `Blocks.queue()`, which itself is 1 by default).

src/backend/gradio_rich_textbox/templates/component/index.js

@@ -2190,12 +2190,8 @@ function vn(n) {
   return {
     c() {
       _ && _.c(), e = tt(), t = et("label"), ve(l.$$.fragment), s = tt(), i = et("div"), c.c(), O(i, "data-testid", "textbox"), O(i, "contenteditable", "true"), O(i, "class", "text-container svelte-15aeqxz"), O(i, "role", "textbox"), O(i, "tabindex", "0"), O(i, "dir", o = /*rtl*/
-      n[11] ? "rtl" : "ltr"), ge(
-        i,
-        "disabled",
-        /*mode*/
-        n[10] === "static"
-      ), O(t, "class", "svelte-15aeqxz"), ge(t, "container", yn);
+      n[11] ? "rtl" : "ltr"), ge(i, "disabled", !/*interactive*/
+      n[10]), O(t, "class", "svelte-15aeqxz"), ge(t, "container", yn);
     },
     m(d, y) {
       _ && _.m(d, y), ie(d, e, y), ie(d, t, y), ye(l, t, null), $e(t, s), $e(t, i), c.m(i, null), n[19](i), f = !0, a || (r = [
@@ -2231,13 +2227,9 @@ function vn(n) {
       d[6]), y & /*$$scope, label*/
       2097156 && (v.$$scope = { dirty: y, ctx: d }), l.$set(v), b === (b = u(d)) && c ? c.p(d, y) : (c.d(1), c = b(d), c && (c.c(), c.m(i, null))), (!f || y & /*rtl*/
       2048 && o !== (o = /*rtl*/
-      d[11] ? "rtl" : "ltr")) && O(i, "dir", o), (!f || y & /*mode*/
-      1024) && ge(
-        i,
-        "disabled",
-        /*mode*/
-        d[10] === "static"
-      );
+      d[11] ? "rtl" : "ltr")) && O(i, "dir", o), (!f || y & /*interactive*/
+      1024) && ge(i, "disabled", !/*interactive*/
+      d[10]);
     },
     i(d) {
       f || (K(_), K(l.$$.fragment, d), f = !0);
@@ -2298,7 +2290,7 @@ function kn(n) {
       128 && (i.scale = /*scale*/
       l[7]), s & /*min_width*/
       256 && (i.min_width = /*min_width*/
-      l[8]), s & /*$$scope, rtl, el, mode, value, is_being_edited, _value, show_label, label, gradio, loading_status*/
+      l[8]), s & /*$$scope, rtl, el, interactive, value, is_being_edited, _value, show_label, label, gradio, loading_status*/
       2129479 && (i.$$scope = { dirty: s, ctx: l }), e.$set(i);
     },
     i(l) {
@@ -2314,7 +2306,7 @@ function kn(n) {
 }
 const yn = !0;
 function Tn(n, e, t) {
-  let { gradio: l } = e, { label: s = "Textbox" } = e, { elem_id: i = "" } = e, { elem_classes: o = [] } = e, { visible: f = !0 } = e, { value: a = "" } = e, { show_label: r } = e, { scale: _ = null } = e, { min_width: u = void 0 } = e, { loading_status: b = void 0 } = e, { value_is_output: c = !1 } = e, { mode: d } = e, { rtl: y = !1 } = e, v;
+  let { gradio: l } = e, { label: s = "Textbox" } = e, { elem_id: i = "" } = e, { elem_classes: o = [] } = e, { visible: f = !0 } = e, { value: a = "" } = e, { show_label: r } = e, { scale: _ = null } = e, { min_width: u = void 0 } = e, { loading_status: b = void 0 } = e, { value_is_output: c = !1 } = e, { interactive: d } = e, { rtl: y = !1 } = e, v;
   function F() {
     l.dispatch("change"), c || l.dispatch("input");
   }
@@ -2323,10 +2315,10 @@ function Tn(n, e, t) {
   }
   let m = !1, z = "";
   async function h() {
-    await he(), d !== "static" && (t(0, a = v.innerText), t(13, m = !1), t(12, v.innerText = "", v));
+    await he(), d && (t(0, a = v.innerText), t(13, m = !1), t(12, v.innerText = "", v));
   }
   async function $() {
-    if (await he(), d === "static") {
+    if (await he(), !d) {
       v.blur();
       return;
     }
@@ -2338,7 +2330,7 @@ function Tn(n, e, t) {
     });
   }
   return n.$$set = (k) => {
-    "gradio" in k && t(1, l = k.gradio), "label" in k && t(2, s = k.label), "elem_id" in k && t(3, i = k.elem_id), "elem_classes" in k && t(4, o = k.elem_classes), "visible" in k && t(5, f = k.visible), "value" in k && t(0, a = k.value), "show_label" in k && t(6, r = k.show_label), "scale" in k && t(7, _ = k.scale), "min_width" in k && t(8, u = k.min_width), "loading_status" in k && t(9, b = k.loading_status), "value_is_output" in k && t(18, c = k.value_is_output), "mode" in k && t(10, d = k.mode), "rtl" in k && t(11, y = k.rtl);
+    "gradio" in k && t(1, l = k.gradio), "label" in k && t(2, s = k.label), "elem_id" in k && t(3, i = k.elem_id), "elem_classes" in k && t(4, o = k.elem_classes), "visible" in k && t(5, f = k.visible), "value" in k && t(0, a = k.value), "show_label" in k && t(6, r = k.show_label), "scale" in k && t(7, _ = k.scale), "min_width" in k && t(8, u = k.min_width), "loading_status" in k && t(9, b = k.loading_status), "value_is_output" in k && t(18, c = k.value_is_output), "interactive" in k && t(10, d = k.interactive), "rtl" in k && t(11, y = k.rtl);
   }, n.$$.update = () => {
     n.$$.dirty & /*value*/
     1 && a === null && t(0, a = ""), n.$$.dirty & /*value*/
@@ -2381,7 +2373,7 @@ class zn extends fn {
       min_width: 8,
       loading_status: 9,
       value_is_output: 18,
-      mode: 10,
+      interactive: 10,
       rtl: 11
     });
   }
@@ -2451,11 +2443,11 @@ class zn extends fn {
   set value_is_output(e) {
     this.$$set({ value_is_output: e }), E();
   }
-  get mode() {
+  get interactive() {
     return this.$$.ctx[10];
   }
-  set mode(e) {
-    this.$$set({ mode: e }), E();
+  set interactive(e) {
+    this.$$set({ interactive: e }), E();
   }
   get rtl() {
     return this.$$.ctx[11];

src/frontend/Index.svelte

@@ -24,7 +24,7 @@
 	export let min_width: number | undefined = undefined;
 	export let loading_status: LoadingStatus | undefined = undefined;
 	export let value_is_output = false;
-	export let mode: "static" | "interactive";
+	export let interactive: boolean;
 	export let rtl = false;
 
 	let el: HTMLDivElement;
@@ -53,7 +53,7 @@
 
 	async function handle_blur(): Promise<void> {
 		await tick();
-		if (mode === "static") {
+		if (!interactive) {
 			return;
 		}
 		value = el.innerText
@@ -63,7 +63,7 @@
 
 	async function handle_focus(): Promise<void> {
 		await tick();
-		if (mode === "static") {
+		if (!interactive) {
 			el.blur();
 			return;
 		}
@@ -101,7 +101,7 @@
 			data-testid="textbox"
 			contenteditable=true
 			class="text-container"
-			class:disabled={mode === "static"}
+			class:disabled={!interactive}
 			bind:this={el}
 			on:keypress={handle_keypress}
 			on:blur={handle_blur}

src/pyproject.toml

@@ -8,7 +8,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "gradio_rich_textbox"
-version = "0.4.0"
+version = "0.4.2"
 description = "Gradio custom component for rich text input"
 readme = "README.md"
 license = "Apache-2.0"
@@ -43,7 +43,7 @@ classifiers = [
 dev = ["build", "twine"]
 
 [tool.hatch.build]
-artifacts = ["/backend/gradio_rich_textbox/templates", "*.pyi", "backend/gradio_rich_textbox/templates", "backend/gradio_rich_textbox/templates", "backend/gradio_rich_textbox/templates", "backend/gradio_rich_textbox/templates", "backend/gradio_rich_textbox/templates"]
+artifacts = ["/backend/gradio_rich_textbox/templates", "*.pyi", "backend/gradio_rich_textbox/templates", "backend/gradio_rich_textbox/templates", "backend/gradio_rich_textbox/templates", "backend/gradio_rich_textbox/templates", "backend/gradio_rich_textbox/templates", "backend/gradio_rich_textbox/templates", "backend/gradio_rich_textbox/templates"]
 
 [tool.hatch.build.targets.wheel]
 packages = ["/backend/gradio_rich_textbox"]