@gradio/core 0.12.0 → 0.12.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @gradio/core
 
+## 0.12.1
+
+### Features
+
+- [#10694](https://github.com/gradio-app/gradio/pull/10694) [`16244f3`](https://github.com/gradio-app/gradio/commit/16244f3c1cb1a65ac1f719142f8fab67512fbb25) - Event Listeners in gradio sketch.  Thanks @aliabid94!
+
+### Fixes
+
+- [#10719](https://github.com/gradio-app/gradio/pull/10719) [`b710d7c`](https://github.com/gradio-app/gradio/commit/b710d7cf13c1277fd18c7809cad0f707b880ef70) - Fix error display.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/code@0.11.2
+- @gradio/video@0.14.4
+- @gradio/client@1.13.1
+- @gradio/wasm@0.17.4
+- @gradio/gallery@0.15.9
+- @gradio/upload@0.15.4
+- @gradio/button@0.4.9
+- @gradio/image@0.21.4
+- @gradio/file@0.12.9
+
 ## 0.12.0
 
 ### Features

package/dist/src/Blocks.svelte

@@ -98,7 +98,11 @@ function set_settings_visible(visible) {
 let api_calls = [];
 export let render_complete = false;
 async function handle_update(data, fn_index) {
-  const outputs = dependencies.find((dep) => dep.id == fn_index).outputs;
+  const dep = dependencies.find((dep2) => dep2.id === fn_index);
+  if (!dep) {
+    return;
+  }
+  const outputs = dep.outputs;
   const meta_updates = data?.map((value, i) => {
     return {
       id: outputs[i],
@@ -188,7 +192,11 @@ async function get_component_value_or_event_data(component_id, trigger_id, event
   return get_data(component_id);
 }
 async function trigger_api_call(dep_index, trigger_id = null, event_data = null) {
-  let dep = dependencies.find((dep2) => dep2.id === dep_index);
+  const _dep = dependencies.find((dep2) => dep2.id === dep_index);
+  if (_dep === void 0) {
+    return;
+  }
+  const dep = _dep;
   if (inputs_waiting.length > 0) {
     for (const input of inputs_waiting) {
       if (dep.inputs.includes(input)) {
@@ -202,6 +210,17 @@ async function trigger_api_call(dep_index, trigger_id = null, event_data = null)
   if (current_status === "pending" || current_status === "generating") {
     dep.pending_request = true;
   }
+  let deps_to_remove = [];
+  if (dep.render_id != null) {
+    dependencies.forEach((other_dep, i) => {
+      if (other_dep.rendered_in === dep.render_id) {
+        deps_to_remove.push(i);
+      }
+    });
+  }
+  deps_to_remove.reverse().forEach((i) => {
+    dependencies.splice(i, 1);
+  });
   let payload = {
     fn_index: dep_index,
     data: await Promise.all(
@@ -294,7 +313,7 @@ async function trigger_api_call(dep_index, trigger_id = null, event_data = null)
       );
     } catch (e) {
       const fn_index = 0;
-      if (!app.stream_status.open)
+      if (app.closed)
         return;
       messages = [
         new_message("Error", String(e), fn_index, "error"),
@@ -341,15 +360,6 @@ async function trigger_api_call(dep_index, trigger_id = null, event_data = null)
       let render_layout = data.layout;
       let _dependencies = data.dependencies;
       let render_id = data.render_id;
-      let deps_to_remove = [];
-      dependencies.forEach((dep2, i) => {
-        if (dep2.rendered_in === render_id) {
-          deps_to_remove.push(i);
-        }
-      });
-      deps_to_remove.reverse().forEach((i) => {
-        dependencies.splice(i, 1);
-      });
       _dependencies.forEach((dep2) => {
         dependencies.push(dep2);
       });
@@ -406,11 +416,15 @@ async function trigger_api_call(dep_index, trigger_id = null, event_data = null)
         ];
       }
       if (status.stage === "complete" || status.stage === "generating") {
+        const deps_triggered_by_state = /* @__PURE__ */ new Set();
         status.changed_state_ids?.forEach((id) => {
           dependencies.filter((dep2) => dep2.targets.some(([_id, _2]) => _id === id)).forEach((dep2) => {
-            wait_then_trigger_api_call(dep2.id, payload2.trigger_id);
+            deps_triggered_by_state.add(dep2);
           });
         });
+        deps_triggered_by_state.forEach((dep2) => {
+          wait_then_trigger_api_call(dep2.id, payload2.trigger_id);
+        });
       }
       if (status.stage === "complete") {
         dependencies.forEach(async (dep2) => {
@@ -564,7 +578,7 @@ function update_status(id, status, data) {
 function set_status(statuses) {
   let updates = [];
   Object.entries(statuses).forEach(([id, loading_status2]) => {
-    if (!app.stream_status.open && loading_status2.status === "error") {
+    if (app.closed && loading_status2.status === "error") {
       return;
     }
     let dependency = dependencies.find(

package/dist/src/types.d.ts

@@ -66,6 +66,7 @@ export interface Dependency {
     final_event: Payload | null;
     show_api: boolean;
     rendered_in: number | null;
+    render_id: number | null;
     connection: "stream" | "sse";
     time_limit: number;
     stream_every: number;

package/package.json

@@ -1,67 +1,67 @@
 {
   "name": "@gradio/core",
-  "version": "0.12.0",
+  "version": "0.12.1",
   "type": "module",
   "devDependencies": {
     "@gradio/accordion": "^0.5.8",
+    "@gradio/annotatedimage": "^0.9.10",
     "@gradio/atoms": "^0.13.3",
-    "@gradio/audio": "^0.17.3",
+    "@gradio/audio": "^0.17.4",
     "@gradio/box": "^0.2.12",
-    "@gradio/annotatedimage": "^0.9.9",
-    "@gradio/button": "^0.4.8",
-    "@gradio/chatbot": "^0.24.2",
-    "@gradio/checkbox": "^0.4.14",
+    "@gradio/button": "^0.4.9",
+    "@gradio/chatbot": "^0.24.3",
     "@gradio/checkboxgroup": "^0.6.14",
-    "@gradio/client": "^1.13.0",
-    "@gradio/code": "^0.11.1",
+    "@gradio/client": "^1.13.1",
+    "@gradio/checkbox": "^0.4.14",
+    "@gradio/code": "^0.11.2",
     "@gradio/colorpicker": "^0.4.14",
-    "@gradio/dataset": "^0.4.8",
-    "@gradio/datetime": "^0.3.6",
     "@gradio/column": "^0.2.0",
-    "@gradio/downloadbutton": "^0.3.8",
-    "@gradio/dataframe": "^0.16.4",
-    "@gradio/fallback": "^0.4.14",
-    "@gradio/file": "^0.12.8",
+    "@gradio/dataset": "^0.4.9",
+    "@gradio/dataframe": "^0.16.5",
+    "@gradio/datetime": "^0.3.6",
+    "@gradio/downloadbutton": "^0.3.9",
     "@gradio/dropdown": "^0.9.13",
+    "@gradio/fallback": "^0.4.14",
+    "@gradio/file": "^0.12.9",
+    "@gradio/fileexplorer": "^0.5.20",
+    "@gradio/gallery": "^0.15.9",
     "@gradio/form": "^0.2.12",
-    "@gradio/fileexplorer": "^0.5.19",
-    "@gradio/gallery": "^0.15.8",
     "@gradio/group": "^0.2.0",
-    "@gradio/html": "^0.6.5",
-    "@gradio/icons": "^0.10.0",
     "@gradio/highlightedtext": "^0.8.14",
-    "@gradio/imageeditor": "^0.12.10",
-    "@gradio/image": "^0.21.3",
+    "@gradio/icons": "^0.10.0",
+    "@gradio/html": "^0.6.5",
+    "@gradio/image": "^0.21.4",
+    "@gradio/imageeditor": "^0.12.11",
     "@gradio/json": "^0.5.14",
     "@gradio/label": "^0.5.6",
     "@gradio/browserstate": "^0.3.1",
     "@gradio/markdown": "^0.13.4",
-    "@gradio/multimodaltextbox": "^0.9.9",
-    "@gradio/model3d": "^0.14.3",
+    "@gradio/model3d": "^0.14.4",
+    "@gradio/multimodaltextbox": "^0.9.10",
     "@gradio/nativeplot": "^0.5.8",
     "@gradio/paramviewer": "^0.7.2",
-    "@gradio/plot": "^0.9.9",
     "@gradio/number": "^0.5.14",
+    "@gradio/plot": "^0.9.9",
     "@gradio/radio": "^0.6.14",
-    "@gradio/simpledropdown": "^0.3.14",
     "@gradio/row": "^0.2.1",
-    "@gradio/simpleimage": "^0.8.19",
+    "@gradio/sidebar": "^0.1.6",
+    "@gradio/simpleimage": "^0.8.20",
     "@gradio/simpletextbox": "^0.3.14",
-    "@gradio/sidebar": "^0.1.5",
-    "@gradio/sketchbox": "^0.6.0",
+    "@gradio/simpledropdown": "^0.3.14",
+    "@gradio/sketchbox": "^0.6.1",
     "@gradio/slider": "^0.6.2",
     "@gradio/state": "^0.1.2",
-    "@gradio/statustracker": "^0.10.4",
-    "@gradio/tabitem": "^0.4.2",
     "@gradio/tabs": "^0.4.2",
+    "@gradio/tabitem": "^0.4.2",
+    "@gradio/textbox": "^0.10.4",
+    "@gradio/statustracker": "^0.10.4",
     "@gradio/theme": "^0.4.0",
     "@gradio/timer": "^0.4.4",
-    "@gradio/upload": "^0.15.3",
-    "@gradio/textbox": "^0.10.4",
-    "@gradio/uploadbutton": "^0.8.8",
+    "@gradio/upload": "^0.15.4",
+    "@gradio/uploadbutton": "^0.8.9",
     "@gradio/utils": "^0.10.1",
-    "@gradio/video": "^0.14.3",
-    "@gradio/wasm": "^0.17.3"
+    "@gradio/video": "^0.14.4",
+    "@gradio/wasm": "^0.17.4"
   },
   "msw": {
     "workerDirectory": "public"

package/src/Blocks.svelte

@@ -125,7 +125,11 @@
 
 	export let render_complete = false;
 	async function handle_update(data: any, fn_index: number): Promise<void> {
-		const outputs = dependencies.find((dep) => dep.id == fn_index)!.outputs;
+		const dep = dependencies.find((dep) => dep.id === fn_index);
+		if (!dep) {
+			return;
+		}
+		const outputs = dep.outputs;
 
 		const meta_updates = data?.map((value: any, i: number) => {
 			return {
@@ -263,7 +267,11 @@
 		trigger_id: number | null = null,
 		event_data: unknown = null
 	): Promise<void> {
-		let dep = dependencies.find((dep) => dep.id === dep_index)!;
+		const _dep = dependencies.find((dep) => dep.id === dep_index);
+		if (_dep === undefined) {
+			return;
+		}
+		const dep = _dep;
 		if (inputs_waiting.length > 0) {
 			for (const input of inputs_waiting) {
 				if (dep.inputs.includes(input)) {
@@ -278,6 +286,18 @@
 			dep.pending_request = true;
 		}
 
+		let deps_to_remove: number[] = [];
+		if (dep.render_id != null) {
+			dependencies.forEach((other_dep, i) => {
+				if (other_dep.rendered_in === dep.render_id) {
+					deps_to_remove.push(i);
+				}
+			});
+		}
+		deps_to_remove.reverse().forEach((i) => {
+			dependencies.splice(i, 1);
+		});
+
 		let payload: Payload = {
 			fn_index: dep_index,
 			data: await Promise.all(
@@ -387,7 +407,7 @@
 				);
 			} catch (e) {
 				const fn_index = 0; // Mock value for fn_index
-				if (!app.stream_status.open) return; // when a user navigates away in multipage app.
+				if (app.closed) return; // when a user navigates away in multipage app.
 				messages = [
 					new_message("Error", String(e), fn_index, "error"),
 					...messages
@@ -438,15 +458,6 @@
 				let _dependencies: Dependency[] = data.dependencies;
 				let render_id = data.render_id;
 
-				let deps_to_remove: number[] = [];
-				dependencies.forEach((dep, i) => {
-					if (dep.rendered_in === render_id) {
-						deps_to_remove.push(i);
-					}
-				});
-				deps_to_remove.reverse().forEach((i) => {
-					dependencies.splice(i, 1);
-				});
 				_dependencies.forEach((dep) => {
 					dependencies.push(dep);
 				});
@@ -529,13 +540,17 @@
 				}
 
 				if (status.stage === "complete" || status.stage === "generating") {
+					const deps_triggered_by_state: Set<Dependency> = new Set();
 					status.changed_state_ids?.forEach((id) => {
 						dependencies
 							.filter((dep) => dep.targets.some(([_id, _]) => _id === id))
 							.forEach((dep) => {
-								wait_then_trigger_api_call(dep.id, payload.trigger_id);
+								deps_triggered_by_state.add(dep);
 							});
 					});
+					deps_triggered_by_state.forEach((dep) => {
+						wait_then_trigger_api_call(dep.id, payload.trigger_id);
+					});
 				}
 				if (status.stage === "complete") {
 					dependencies.forEach(async (dep) => {
@@ -719,7 +734,7 @@
 			value: LoadingStatus;
 		}[] = [];
 		Object.entries(statuses).forEach(([id, loading_status]) => {
-			if (!app.stream_status.open && loading_status.status === "error") {
+			if (app.closed && loading_status.status === "error") {
 				// when a user navigates away in multipage app.
 				return;
 			}

package/src/types.ts

@@ -71,6 +71,7 @@ export interface Dependency {
 	final_event: Payload | null;
 	show_api: boolean;
 	rendered_in: number | null;
+	render_id: number | null;
 	connection: "stream" | "sse";
 	time_limit: number;
 	stream_every: number;