@gradio/core 0.1.0-beta.2 → 0.1.0-beta.3

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @gradio/core
 
+## 0.1.0-beta.3
+
+### Features
+
+- [#9412](https://github.com/gradio-app/gradio/pull/9412) [`c2c2fd9`](https://github.com/gradio-app/gradio/commit/c2c2fd989348f826566773c07c0e0bda200199ff) - fix SSR apps on spaces.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.3
+- @gradio/video@0.11.0-beta.3
+- @gradio/code@0.10.0-beta.3
+- @gradio/client@1.6.0-beta.3
+- @gradio/button@0.3.0-beta.3
+- @gradio/gallery@0.13.0-beta.3
+- @gradio/file@0.10.0-beta.3
+- @gradio/image@0.16.0-beta.3
+
 ## 0.1.0-beta.2
 
 ### Features

package/dist/src/Blocks.svelte

@@ -230,8 +230,6 @@ async function trigger_api_call(dep_index, trigger_id = null, event_data = null)
       }
     }
   }
-  $:
-    console.log({ app });
   async function make_prediction(payload2, streaming = false) {
     if (api_recorder_visible) {
       api_calls = [...api_calls, JSON.parse(JSON.stringify(payload2))];

package/package.json

@@ -1,64 +1,64 @@
 {
   "name": "@gradio/core",
-  "version": "0.1.0-beta.2",
+  "version": "0.1.0-beta.3",
   "type": "module",
   "devDependencies": {
     "@gradio/accordion": "^0.3.23-beta.2",
+    "@gradio/annotatedimage": "^0.8.0-beta.3",
+    "@gradio/audio": "^0.14.0-beta.3",
     "@gradio/atoms": "^0.9.0-beta.2",
-    "@gradio/annotatedimage": "^0.8.0-beta.2",
-    "@gradio/audio": "^0.14.0-beta.2",
+    "@gradio/button": "^0.3.0-beta.3",
+    "@gradio/chatbot": "^0.14.0-beta.3",
     "@gradio/box": "^0.2.0-beta.0",
-    "@gradio/button": "^0.3.0-beta.2",
     "@gradio/checkbox": "^0.4.0-beta.2",
-    "@gradio/chatbot": "^0.14.0-beta.2",
-    "@gradio/checkboxgroup": "^0.6.0-beta.2",
-    "@gradio/client": "^1.6.0-beta.2",
-    "@gradio/code": "^0.10.0-beta.2",
-    "@gradio/dataframe": "^0.11.0-beta.2",
+    "@gradio/client": "^1.6.0-beta.3",
     "@gradio/colorpicker": "^0.3.13-beta.2",
+    "@gradio/checkboxgroup": "^0.6.0-beta.2",
+    "@gradio/code": "^0.10.0-beta.3",
     "@gradio/column": "^0.2.0-beta.0",
-    "@gradio/dataset": "^0.2.5-beta.2",
-    "@gradio/downloadbutton": "^0.1.28-beta.2",
+    "@gradio/dataframe": "^0.11.0-beta.3",
+    "@gradio/dataset": "^0.2.5-beta.3",
+    "@gradio/datetime": "^0.1.4-beta.2",
+    "@gradio/downloadbutton": "^0.1.28-beta.3",
     "@gradio/dropdown": "^0.7.13-beta.2",
+    "@gradio/file": "^0.10.0-beta.3",
     "@gradio/fallback": "^0.3.13-beta.2",
-    "@gradio/datetime": "^0.1.4-beta.2",
-    "@gradio/fileexplorer": "^0.5.0-beta.2",
-    "@gradio/file": "^0.10.0-beta.2",
+    "@gradio/fileexplorer": "^0.5.0-beta.3",
     "@gradio/form": "^0.1.25-beta.2",
-    "@gradio/gallery": "^0.13.0-beta.2",
+    "@gradio/gallery": "^0.13.0-beta.3",
     "@gradio/group": "^0.2.0-beta.1",
     "@gradio/highlightedtext": "^0.7.7-beta.2",
     "@gradio/html": "^0.4.0-beta.2",
+    "@gradio/image": "^0.16.0-beta.3",
     "@gradio/icons": "^0.8.0-beta.2",
-    "@gradio/image": "^0.16.0-beta.2",
-    "@gradio/json": "^0.5.0-beta.2",
-    "@gradio/imageeditor": "^0.11.0-beta.2",
-    "@gradio/model3d": "^0.13.0-beta.2",
+    "@gradio/imageeditor": "^0.11.0-beta.3",
     "@gradio/label": "^0.3.13-beta.2",
-    "@gradio/multimodaltextbox": "^0.6.0-beta.2",
     "@gradio/markdown": "^0.10.0-beta.2",
-    "@gradio/nativeplot": "^0.4.0-beta.2",
+    "@gradio/json": "^0.5.0-beta.2",
+    "@gradio/model3d": "^0.13.0-beta.3",
+    "@gradio/multimodaltextbox": "^0.6.0-beta.3",
+    "@gradio/number": "^0.4.13-beta.2",
     "@gradio/paramviewer": "^0.4.22-beta.2",
     "@gradio/plot": "^0.6.5-beta.2",
-    "@gradio/number": "^0.4.13-beta.2",
-    "@gradio/row": "^0.2.0-beta.1",
     "@gradio/radio": "^0.6.0-beta.2",
+    "@gradio/row": "^0.2.0-beta.1",
     "@gradio/simpledropdown": "^0.2.13-beta.2",
-    "@gradio/simpleimage": "^0.8.0-beta.2",
+    "@gradio/nativeplot": "^0.4.0-beta.2",
     "@gradio/simpletextbox": "^0.2.13-beta.2",
+    "@gradio/state": "^0.1.2",
     "@gradio/slider": "^0.5.0-beta.2",
     "@gradio/statustracker": "^0.8.0-beta.2",
-    "@gradio/tabitem": "^0.3.0-beta.2",
-    "@gradio/state": "^0.1.2",
+    "@gradio/simpleimage": "^0.8.0-beta.3",
     "@gradio/tabs": "^0.3.0-beta.2",
     "@gradio/textbox": "^0.7.0-beta.2",
-    "@gradio/timer": "^0.3.3-beta.2",
     "@gradio/theme": "^0.3.0-beta.1",
-    "@gradio/upload": "^0.13.0-beta.2",
-    "@gradio/uploadbutton": "^0.7.0-beta.2",
+    "@gradio/uploadbutton": "^0.7.0-beta.3",
+    "@gradio/video": "^0.11.0-beta.3",
+    "@gradio/tabitem": "^0.3.0-beta.2",
+    "@gradio/timer": "^0.3.3-beta.2",
     "@gradio/utils": "^0.7.0-beta.2",
-    "@gradio/video": "^0.11.0-beta.2",
-    "@gradio/wasm": "^0.14.0-beta.2"
+    "@gradio/wasm": "^0.14.0-beta.2",
+    "@gradio/upload": "^0.13.0-beta.3"
   },
   "msw": {
     "workerDirectory": "public"

package/src/Blocks.svelte

@@ -21,7 +21,7 @@
 	import type {
 		LogMessage,
 		RenderMessage,
-		StatusMessage,
+		StatusMessage
 	} from "@gradio/client";
 
 	setupi18n();
@@ -60,7 +60,7 @@
 		loading_status,
 		scheduled_updates,
 		create_layout,
-		rerender_layout,
+		rerender_layout
 	} = create_components();
 
 	// @ts-ignore
@@ -80,8 +80,8 @@
 			root: root + api_prefix,
 			app,
 			options: {
-				fill_height,
-			},
+				fill_height
+			}
 		});
 	}
 
@@ -110,7 +110,7 @@
 			return {
 				id: outputs[i],
 				prop: "value_is_output",
-				value: true,
+				value: true
 			};
 		});
 
@@ -133,7 +133,7 @@
 						updates.push({
 							id: outputs[i],
 							prop: update_key,
-							value: update_value,
+							value: update_value
 						});
 					}
 				}
@@ -141,7 +141,7 @@
 				updates.push({
 					id: outputs[i],
 					prop: "value",
-					value,
+					value
 				});
 			}
 		});
@@ -158,7 +158,7 @@
 		fn_index: number,
 		type: ToastMessage["type"],
 		duration: number | null = 10,
-		visible = true,
+		visible = true
 	): ToastMessage & { fn_index: number } {
 		return {
 			message,
@@ -166,13 +166,13 @@
 			type,
 			id: ++_error_id,
 			duration,
-			visible,
+			visible
 		};
 	}
 
 	export function add_new_message(
 		message: string,
-		type: ToastMessage["type"],
+		type: ToastMessage["type"]
 	): void {
 		messages = [new_message(message, -1, type), ...messages];
 	}
@@ -198,7 +198,7 @@
 	function wait_then_trigger_api_call(
 		dep_index: number,
 		trigger_id: number | null = null,
-		event_data: unknown = null,
+		event_data: unknown = null
 	): void {
 		let _unsub = (): void => {};
 		function unsub(): void {
@@ -219,7 +219,7 @@
 	async function get_component_value_or_event_data(
 		component_id: number,
 		trigger_id: number | null,
-		event_data: unknown,
+		event_data: unknown
 	): Promise<any> {
 		if (
 			component_id === trigger_id &&
@@ -235,7 +235,7 @@
 	async function trigger_api_call(
 		dep_index: number,
 		trigger_id: number | null = null,
-		event_data: unknown = null,
+		event_data: unknown = null
 	): Promise<void> {
 		let dep = dependencies.find((dep) => dep.id === dep_index)!;
 		if (inputs_waiting.length > 0) {
@@ -256,19 +256,19 @@
 			fn_index: dep_index,
 			data: await Promise.all(
 				dep.inputs.map((id) =>
-					get_component_value_or_event_data(id, trigger_id, event_data),
-				),
+					get_component_value_or_event_data(id, trigger_id, event_data)
+				)
 			),
 			event_data: dep.collects_event_data ? event_data : null,
-			trigger_id: trigger_id,
+			trigger_id: trigger_id
 		};
 
 		if (dep.frontend_fn) {
 			dep
 				.frontend_fn(
 					payload.data.concat(
-						await Promise.all(dep.outputs.map((id) => get_data(id))),
-					),
+						await Promise.all(dep.outputs.map((id) => get_data(id)))
+					)
 				)
 				.then((v: unknown[]) => {
 					if (dep.backend_fn) {
@@ -284,7 +284,7 @@
 					const submission = submit_map.get(fn_index);
 					submission?.cancel();
 					return submission;
-				}),
+				})
 			);
 		} else {
 			if (dep.backend_fn) {
@@ -306,10 +306,10 @@
 				}
 			}
 		}
-		$: console.log({ app });
+
 		async function make_prediction(
 			payload: Payload,
-			streaming = false,
+			streaming = false
 		): Promise<void> {
 			if (api_recorder_visible) {
 				api_calls = [...api_calls, JSON.parse(JSON.stringify(payload))];
@@ -332,7 +332,7 @@
 					await app.post_data(
 						// @ts-ignore
 						`${app.config.root + app.config.api_prefix}/stream/${submit_map.get(dep_index).event_id()}`,
-						{ ...payload, session_hash: app.session_hash },
+						{ ...payload, session_hash: app.session_hash }
 					);
 					return;
 				}
@@ -342,7 +342,7 @@
 					payload.fn_index,
 					payload.data as unknown[],
 					payload.event_data,
-					payload.trigger_id,
+					payload.trigger_id
 				);
 			} catch (e) {
 				const fn_index = 0; // Mock value for fn_index
@@ -352,7 +352,7 @@
 					fn_index,
 					eta: 0,
 					queue: false,
-					queue_position: null,
+					queue_position: null
 				});
 				set_status($loading_status);
 				return;
@@ -408,7 +408,7 @@
 					layout: render_layout,
 					root: root,
 					dependencies: dependencies,
-					render_id: render_id,
+					render_id: render_id
 				});
 			}
 
@@ -416,14 +416,14 @@
 				const { log, fn_index, level, duration, visible } = msg;
 				messages = [
 					new_message(log, fn_index, level, duration, visible),
-					...messages,
+					...messages
 				];
 			}
 
 			function open_stream_events(
 				status: StatusMessage,
 				id: number,
-				dep: Dependency,
+				dep: Dependency
 			): void {
 				if (
 					status.original_msg === "process_starts" &&
@@ -450,7 +450,7 @@
 					time_limit: status.time_limit,
 					status: status.stage,
 					progress: status.progress_data,
-					fn_index,
+					fn_index
 				});
 				set_status($loading_status);
 				if (
@@ -464,7 +464,7 @@
 					showed_duplicate_message = true;
 					messages = [
 						new_message(DUPLICATE_MESSAGE, fn_index, "warning"),
-						...messages,
+						...messages
 					];
 				}
 				if (
@@ -476,7 +476,7 @@
 					showed_mobile_warning = true;
 					messages = [
 						new_message(MOBILE_QUEUE_WARNING, fn_index, "warning"),
-						...messages,
+						...messages
 					];
 				}
 
@@ -504,7 +504,7 @@
 					window.setTimeout(() => {
 						messages = [
 							new_message(MOBILE_RECONNECT_MESSAGE, fn_index, "error"),
-							...messages,
+							...messages
 						];
 					}, 0);
 					wait_then_trigger_api_call(dep.id, payload.trigger_id, event_data);
@@ -513,7 +513,7 @@
 					if (status.message) {
 						const _message = status.message.replace(
 							MESSAGE_QUOTE_RE,
-							(_, b) => b,
+							(_, b) => b
 						);
 						messages = [
 							new_message(
@@ -521,9 +521,9 @@
 								fn_index,
 								"error",
 								status.duration,
-								status.visible,
+								status.visible
 							),
-							...messages,
+							...messages
 						];
 					}
 					dependencies.map(async (dep) => {
@@ -545,7 +545,7 @@
 			return;
 		}
 		const discussion_url = new URL(
-			`https://huggingface.co/spaces/${space_id}/discussions/new`,
+			`https://huggingface.co/spaces/${space_id}/discussions/new`
 		);
 		if (title !== undefined && title.length > 0) {
 			discussion_url.searchParams.set("title", title);
@@ -566,7 +566,7 @@
 		if (js) {
 			let blocks_frontend_fn = new AsyncFunction(
 				`let result = await (${js})();
-					return (!Array.isArray(result)) ? [result] : result;`,
+					return (!Array.isArray(result)) ? [result] : result;`
 			);
 			await blocks_frontend_fn();
 		}
@@ -623,7 +623,7 @@
 						app.post_data(
 							// @ts-ignore
 							`${app.config.root + app.config.api_prefix}/stream/${submit_map.get(dep_id).event_id()}/close`,
-							{},
+							{}
 						);
 					}
 				});
@@ -646,15 +646,15 @@
 	function update_status(
 		id: number,
 		status: "error" | "complete" | "pending",
-		data: LoadingStatus,
+		data: LoadingStatus
 	): void {
 		data.status = status;
 		update_value([
 			{
 				id,
 				prop: "loading_status",
-				value: data,
-			},
+				value: data
+			}
 		]);
 	}
 
@@ -666,7 +666,7 @@
 		}[] = [];
 		Object.entries(statuses).forEach(([id, loading_status]) => {
 			let dependency = dependencies.find(
-				(dep) => dep.id == loading_status.fn_index,
+				(dep) => dep.id == loading_status.fn_index
 			);
 			if (dependency === undefined) {
 				return;
@@ -676,7 +676,7 @@
 			updates.push({
 				id: parseInt(id),
 				prop: "loading_status",
-				value: loading_status,
+				value: loading_status
 			});
 		});
 
@@ -686,9 +686,9 @@
 				return {
 					id,
 					prop: "pending",
-					value: pending_status === "pending",
+					value: pending_status === "pending"
 				};
-			},
+			}
 		);
 
 		update_value([...updates, ...additional_updates]);
@@ -707,7 +707,7 @@
 
 		is_mobile_device =
 			/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
-				navigator.userAgent,
+				navigator.userAgent
 			);
 	});
 </script>