@gradio/core 0.19.0 → 0.19.2

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @gradio/core
 
+## 0.19.2
+
+### Fixes
+
+- [#11364](https://github.com/gradio-app/gradio/pull/11364) [`467de5d`](https://github.com/gradio-app/gradio/commit/467de5d865f8b841cb0d065031d5458f52ee2d29) - Call load events on @gr.render.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/gallery@0.15.23
+- @gradio/code@0.14.7
+- @gradio/textbox@0.10.14
+
+## 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

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);
@@ -386,6 +389,11 @@ async function trigger_api_call(dep_index, trigger_id = null, event_data = null)
         dependencies,
         render_id
       });
+      _dependencies.forEach((dep2) => {
+        if (dep2.targets.some((dep3) => dep3[1] === "load")) {
+          wait_then_trigger_api_call(dep2.id);
+        }
+      });
     }
     function handle_log(msg) {
       const { title: title2, log, fn_index, level, duration, visible } = msg;

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,67 +1,67 @@
 {
   "name": "@gradio/core",
-  "version": "0.19.0",
+  "version": "0.19.2",
   "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.16",
+    "@gradio/audio": "^0.17.17",
+    "@gradio/button": "^0.5.3",
+    "@gradio/chatbot": "^0.26.13",
     "@gradio/box": "^0.2.19",
-    "@gradio/button": "^0.5.2",
+    "@gradio/checkbox": "^0.4.23",
     "@gradio/checkboxgroup": "^0.6.22",
-    "@gradio/chatbot": "^0.26.11",
-    "@gradio/checkbox": "^0.4.22",
-    "@gradio/client": "^1.15.1",
-    "@gradio/code": "^0.14.5",
+    "@gradio/client": "^1.15.2",
+    "@gradio/code": "^0.14.7",
     "@gradio/colorpicker": "^0.4.22",
     "@gradio/column": "^0.2.0",
-    "@gradio/dataframe": "^0.17.14",
-    "@gradio/datetime": "^0.3.14",
-    "@gradio/downloadbutton": "^0.4.2",
-    "@gradio/dataset": "^0.4.21",
+    "@gradio/dataframe": "^0.17.15",
+    "@gradio/datetime": "^0.3.15",
+    "@gradio/downloadbutton": "^0.4.3",
     "@gradio/dropdown": "^0.9.22",
     "@gradio/fallback": "^0.4.22",
-    "@gradio/fileexplorer": "^0.5.30",
-    "@gradio/gallery": "^0.15.21",
+    "@gradio/dataset": "^0.4.23",
+    "@gradio/fileexplorer": "^0.5.31",
     "@gradio/form": "^0.2.19",
-    "@gradio/file": "^0.12.19",
+    "@gradio/file": "^0.12.20",
+    "@gradio/gallery": "^0.15.23",
     "@gradio/group": "^0.2.0",
-    "@gradio/html": "^0.6.14",
-    "@gradio/icons": "^0.12.0",
     "@gradio/highlightedtext": "^0.9.5",
-    "@gradio/image": "^0.22.8",
-    "@gradio/imageeditor": "^0.15.2",
+    "@gradio/icons": "^0.12.0",
+    "@gradio/html": "^0.6.14",
+    "@gradio/imageeditor": "^0.15.3",
+    "@gradio/image": "^0.22.9",
     "@gradio/json": "^0.5.24",
-    "@gradio/imageslider": "^0.2.3",
-    "@gradio/browserstate": "^0.3.2",
-    "@gradio/markdown": "^0.13.14",
     "@gradio/label": "^0.5.14",
-    "@gradio/model3d": "^0.14.15",
-    "@gradio/multimodaltextbox": "^0.10.8",
+    "@gradio/imageslider": "^0.2.4",
+    "@gradio/markdown": "^0.13.15",
+    "@gradio/model3d": "^0.14.16",
+    "@gradio/browserstate": "^0.3.2",
+    "@gradio/multimodaltextbox": "^0.10.9",
+    "@gradio/nativeplot": "^0.6.1",
+    "@gradio/paramviewer": "^0.7.10",
     "@gradio/number": "^0.5.22",
-    "@gradio/nativeplot": "^0.6.0",
     "@gradio/plot": "^0.9.17",
-    "@gradio/paramviewer": "^0.7.10",
+    "@gradio/radio": "^0.7.5",
     "@gradio/sidebar": "^0.1.14",
     "@gradio/row": "^0.2.1",
-    "@gradio/radio": "^0.7.5",
     "@gradio/simpledropdown": "^0.3.22",
-    "@gradio/simpleimage": "^0.8.30",
+    "@gradio/simpleimage": "^0.8.31",
+    "@gradio/simpletextbox": "^0.3.23",
     "@gradio/sketchbox": "^0.6.9",
     "@gradio/slider": "^0.6.11",
-    "@gradio/simpletextbox": "^0.3.22",
     "@gradio/state": "^0.1.2",
-    "@gradio/tabitem": "^0.4.4",
-    "@gradio/tabs": "^0.4.4",
+    "@gradio/tabitem": "^0.4.5",
+    "@gradio/tabs": "^0.4.5",
+    "@gradio/textbox": "^0.10.14",
     "@gradio/statustracker": "^0.10.12",
-    "@gradio/textbox": "^0.10.13",
     "@gradio/theme": "^0.4.0",
-    "@gradio/timer": "^0.4.5",
-    "@gradio/upload": "^0.16.6",
-    "@gradio/uploadbutton": "^0.9.2",
+    "@gradio/upload": "^0.16.7",
+    "@gradio/uploadbutton": "^0.9.3",
     "@gradio/utils": "^0.10.2",
-    "@gradio/video": "^0.14.16",
+    "@gradio/video": "^0.14.17",
+    "@gradio/timer": "^0.4.5",
     "@gradio/wasm": "^0.18.1"
   },
   "msw": {

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(
@@ -489,6 +497,11 @@
 					dependencies: dependencies,
 					render_id: render_id
 				});
+				_dependencies.forEach((dep) => {
+					if (dep.targets.some((dep) => dep[1] === "load")) {
+						wait_then_trigger_api_call(dep.id);
+					}
+				});
 			}
 
 			function handle_log(msg: LogMessage): void {
@@ -671,7 +684,6 @@
 			if (is_external_url(_link) && _target !== "_blank")
 				a[i].setAttribute("target", "_blank");
 		}
-
 		handle_load_triggers();
 
 		if (!target || render_complete) return;

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