@gradio/core 0.18.1 → 0.19.1

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # @gradio/core
 
+## 0.19.1
+
+### Fixes
+
+- [#11338](https://github.com/gradio-app/gradio/pull/11338) [`b31c3ed`](https://github.com/gradio-app/gradio/commit/b31c3edef97373b96f188072d5bb16db9d690261) - Fix Reload Mode when using gr.render.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/upload@0.16.7
+- @gradio/video@0.14.17
+- @gradio/checkbox@0.4.23
+- @gradio/client@1.15.2
+- @gradio/button@0.5.3
+- @gradio/tabs@0.4.5
+- @gradio/tabitem@0.4.5
+- @gradio/code@0.14.6
+- @gradio/file@0.12.20
+- @gradio/image@0.22.9
+- @gradio/gallery@0.15.22
+
+## 0.19.0
+
+### Features
+
+- [#11306](https://github.com/gradio-app/gradio/pull/11306) [`6cd608d`](https://github.com/gradio-app/gradio/commit/6cd608d8f9b1a142c58f0d2db861845ec267f705) - Improvements for plots and event listeners in re-renders.  Thanks @aliabid94!
+- [#11328](https://github.com/gradio-app/gradio/pull/11328) [`ff39d56`](https://github.com/gradio-app/gradio/commit/ff39d568dc9a8a44807126c7366ac8f7dc63df12) - Update mcp schema to include return type information from function.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/textbox@0.10.13
+
+## 0.18.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/gallery@0.15.21
+- @gradio/plot@0.9.17
+- @gradio/button@0.5.2
+- @gradio/video@0.14.16
+- @gradio/image@0.22.8
+- @gradio/file@0.12.19
+
 ## 0.18.1
 
 ### Features

package/dist/src/Blocks.svelte

@@ -56,11 +56,12 @@ $: {
 }
 let old_dependencies = dependencies;
 $:
-  if (dependencies !== old_dependencies && render_complete) {
+  if (dependencies !== old_dependencies && render_complete && !layout_creating) {
     handle_load_triggers();
     old_dependencies = dependencies;
   }
 async function run() {
+  layout_creating = true;
   await create_layout({
     components,
     layout,
@@ -71,6 +72,7 @@ async function run() {
       fill_height
     }
   });
+  layout_creating = false;
 }
 export let search_params;
 let api_docs_visible = search_params.get("view") === "api" && show_api;
@@ -100,6 +102,7 @@ function set_settings_visible(visible) {
   settings_visible = !settings_visible;
 }
 let api_calls = [];
+let layout_creating = false;
 export let render_complete = false;
 async function handle_update(data, fn_index) {
   const dep = dependencies.find((dep2) => dep2.id === fn_index);
@@ -225,17 +228,6 @@ 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(
@@ -378,6 +370,15 @@ 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((old_dep, i) => {
+        if (old_dep.rendered_in === dep.render_id) {
+          deps_to_remove.push(i);
+        }
+      });
+      deps_to_remove.reverse().forEach((i) => {
+        dependencies.splice(i, 1);
+      });
       _dependencies.forEach((dep2) => {
         dependencies.push(dep2);
       });

package/dist/src/api_docs/ApiDocs.svelte

@@ -69,10 +69,10 @@ async function fetchMcpTools() {
   try {
     const response = await fetch(`${root}gradio_api/mcp/schema`);
     const schema = await response.json();
-    tools = Object.entries(schema).map(([name, tool]) => ({
-      name: `${name}`,
+    tools = schema.map((tool) => ({
+      name: tool.name,
       description: tool.description || "",
-      parameters: tool.properties || {},
+      parameters: tool.inputSchema?.properties || {},
       expanded: false
     }));
   } catch (error) {

package/dist/src/init.js

@@ -140,7 +140,8 @@ export function create_components(initial_layout) {
                 }
             }
         });
-        new_components.forEach((c) => {
+        const components_to_add = new_components.concat(replacement_components.filter((c) => !instance_map[c.id]));
+        components_to_add.forEach((c) => {
             instance_map[c.id] = c;
             _component_map.set(c.id, c);
         });

package/package.json

@@ -1,68 +1,68 @@
 {
   "name": "@gradio/core",
-  "version": "0.18.1",
+  "version": "0.19.1",
   "type": "module",
   "devDependencies": {
     "@gradio/accordion": "^0.5.16",
-    "@gradio/annotatedimage": "^0.9.20",
+    "@gradio/annotatedimage": "^0.9.21",
     "@gradio/atoms": "^0.16.1",
+    "@gradio/audio": "^0.17.17",
     "@gradio/box": "^0.2.19",
-    "@gradio/audio": "^0.17.15",
-    "@gradio/button": "^0.5.1",
-    "@gradio/chatbot": "^0.26.9",
-    "@gradio/checkbox": "^0.4.22",
+    "@gradio/button": "^0.5.3",
+    "@gradio/checkbox": "^0.4.23",
+    "@gradio/chatbot": "^0.26.12",
     "@gradio/checkboxgroup": "^0.6.22",
-    "@gradio/code": "^0.14.5",
-    "@gradio/client": "^1.15.1",
+    "@gradio/client": "^1.15.2",
+    "@gradio/code": "^0.14.6",
     "@gradio/colorpicker": "^0.4.22",
+    "@gradio/dataset": "^0.4.22",
     "@gradio/column": "^0.2.0",
     "@gradio/datetime": "^0.3.14",
-    "@gradio/dataframe": "^0.17.13",
-    "@gradio/dataset": "^0.4.20",
-    "@gradio/downloadbutton": "^0.4.1",
-    "@gradio/fallback": "^0.4.22",
-    "@gradio/file": "^0.12.19",
+    "@gradio/downloadbutton": "^0.4.3",
+    "@gradio/dataframe": "^0.17.15",
     "@gradio/dropdown": "^0.9.22",
-    "@gradio/fileexplorer": "^0.5.30",
+    "@gradio/fallback": "^0.4.22",
+    "@gradio/fileexplorer": "^0.5.31",
     "@gradio/form": "^0.2.19",
+    "@gradio/file": "^0.12.20",
+    "@gradio/gallery": "^0.15.22",
+    "@gradio/highlightedtext": "^0.9.5",
     "@gradio/group": "^0.2.0",
     "@gradio/icons": "^0.12.0",
-    "@gradio/gallery": "^0.15.20",
     "@gradio/html": "^0.6.14",
-    "@gradio/image": "^0.22.7",
-    "@gradio/imageslider": "^0.2.3",
-    "@gradio/imageeditor": "^0.15.1",
-    "@gradio/highlightedtext": "^0.9.5",
+    "@gradio/image": "^0.22.9",
+    "@gradio/imageslider": "^0.2.4",
     "@gradio/json": "^0.5.24",
     "@gradio/label": "^0.5.14",
     "@gradio/browserstate": "^0.3.2",
+    "@gradio/imageeditor": "^0.15.3",
     "@gradio/markdown": "^0.13.14",
-    "@gradio/multimodaltextbox": "^0.10.7",
-    "@gradio/model3d": "^0.14.15",
-    "@gradio/nativeplot": "^0.5.17",
-    "@gradio/paramviewer": "^0.7.10",
-    "@gradio/plot": "^0.9.17",
+    "@gradio/multimodaltextbox": "^0.10.9",
+    "@gradio/model3d": "^0.14.16",
+    "@gradio/nativeplot": "^0.6.0",
     "@gradio/number": "^0.5.22",
+    "@gradio/plot": "^0.9.17",
     "@gradio/radio": "^0.7.5",
-    "@gradio/sidebar": "^0.1.14",
+    "@gradio/paramviewer": "^0.7.10",
     "@gradio/row": "^0.2.1",
-    "@gradio/simpleimage": "^0.8.30",
+    "@gradio/sidebar": "^0.1.14",
     "@gradio/simpledropdown": "^0.3.22",
     "@gradio/simpletextbox": "^0.3.22",
+    "@gradio/simpleimage": "^0.8.31",
     "@gradio/sketchbox": "^0.6.9",
     "@gradio/slider": "^0.6.11",
-    "@gradio/statustracker": "^0.10.12",
     "@gradio/state": "^0.1.2",
-    "@gradio/tabitem": "^0.4.4",
-    "@gradio/tabs": "^0.4.4",
+    "@gradio/statustracker": "^0.10.12",
+    "@gradio/tabitem": "^0.4.5",
+    "@gradio/tabs": "^0.4.5",
     "@gradio/theme": "^0.4.0",
-    "@gradio/upload": "^0.16.6",
-    "@gradio/textbox": "^0.10.12",
-    "@gradio/timer": "^0.4.5",
+    "@gradio/upload": "^0.16.7",
+    "@gradio/uploadbutton": "^0.9.3",
+    "@gradio/textbox": "^0.10.13",
+    "@gradio/video": "^0.14.17",
     "@gradio/utils": "^0.10.2",
-    "@gradio/video": "^0.14.15",
-    "@gradio/wasm": "^0.18.1",
-    "@gradio/uploadbutton": "^0.9.1"
+    "@gradio/timer": "^0.4.5",
+    "@gradio/wasm": "^0.18.1"
   },
   "msw": {
     "workerDirectory": "public"

package/src/Blocks.svelte

@@ -74,13 +74,18 @@
 	}
 
 	let old_dependencies = dependencies;
-	$: if (dependencies !== old_dependencies && render_complete) {
+	$: if (
+		dependencies !== old_dependencies &&
+		render_complete &&
+		!layout_creating
+	) {
 		// re-run load triggers in SSR mode when page changes
 		handle_load_triggers();
 		old_dependencies = dependencies;
 	}
 
 	async function run(): Promise<void> {
+		layout_creating = true;
 		await create_layout({
 			components,
 			layout,
@@ -91,6 +96,7 @@
 				fill_height
 			}
 		});
+		layout_creating = false;
 	}
 
 	export let search_params: URLSearchParams;
@@ -126,7 +132,9 @@
 
 	let api_calls: Payload[] = [];
 
+	let layout_creating = false;
 	export let render_complete = false;
+
 	async function handle_update(data: any, fn_index: number): Promise<void> {
 		const dep = dependencies.find((dep) => dep.id === fn_index);
 		const input_type = components.find(
@@ -306,18 +314,6 @@
 			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(
@@ -481,6 +477,15 @@
 				let _dependencies: Dependency[] = data.dependencies;
 				let render_id = data.render_id;
 
+				let deps_to_remove: number[] = [];
+				dependencies.forEach((old_dep, i) => {
+					if (old_dep.rendered_in === dep.render_id) {
+						deps_to_remove.push(i);
+					}
+				});
+				deps_to_remove.reverse().forEach((i) => {
+					dependencies.splice(i, 1);
+				});
 				_dependencies.forEach((dep) => {
 					dependencies.push(dep);
 				});
@@ -674,7 +679,6 @@
 			if (is_external_url(_link) && _target !== "_blank")
 				a[i].setAttribute("target", "_blank");
 		}
-
 		handle_load_triggers();
 
 		if (!target || render_complete) return;

package/src/api_docs/ApiDocs.svelte

@@ -118,10 +118,10 @@
 			const response = await fetch(`${root}gradio_api/mcp/schema`);
 			const schema = await response.json();
 
-			tools = Object.entries(schema).map(([name, tool]: [string, any]) => ({
-				name: `${name}`,
+			tools = schema.map((tool: any) => ({
+				name: tool.name,
 				description: tool.description || "",
-				parameters: tool.properties || {},
+				parameters: tool.inputSchema?.properties || {},
 				expanded: false
 			}));
 		} catch (error) {

package/src/init.ts

@@ -256,7 +256,11 @@ export function create_components(initial_layout: ComponentMeta | undefined): {
 			}
 		});
 
-		new_components.forEach((c) => {
+		const components_to_add = new_components.concat(
+			replacement_components.filter((c) => !instance_map[c.id])
+		);
+
+		components_to_add.forEach((c) => {
 			instance_map[c.id] = c;
 			_component_map.set(c.id, c);
 		});
@@ -288,7 +292,6 @@ export function create_components(initial_layout: ComponentMeta | undefined): {
 		parent?: ComponentMeta
 	): Promise<ComponentMeta> {
 		const instance = instance_map[node.id];
-
 		if (!instance.component) {
 			instance.component = (await constructor_map.get(
 				instance.component_class_id || instance.type