@gradio/upload 0.8.5 → 0.9.0

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @gradio/upload
 
+## 0.9.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/client@0.17.0
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+
 ## 0.8.5
 
 ### Fixes

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@gradio/upload",
-  "version": "0.8.5",
+  "version": "0.9.0",
   "description": "Gradio UI packages",
   "type": "module",
   "main": "src/index.ts",
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "@gradio/atoms": "^0.7.1",
     "@gradio/icons": "^0.4.0",
-    "@gradio/atoms": "^0.7.0",
-    "@gradio/client": "^0.16.0",
-    "@gradio/upload": "^0.8.5",
-    "@gradio/utils": "^0.3.2",
+    "@gradio/upload": "^0.9.0",
+    "@gradio/client": "^0.17.0",
+    "@gradio/utils": "^0.4.0",
     "@gradio/wasm": "^0.10.0"
   },
   "main_changeset": true,

package/src/Upload.svelte

@@ -18,6 +18,7 @@
 	export let uploading = false;
 	export let hidden_upload: HTMLInputElement | null = null;
 	export let show_progress = true;
+	export let max_file_size: number | null = null;
 
 	let upload_id: string;
 	let file_data: FileData[];
@@ -83,10 +84,22 @@
 		await tick();
 		upload_id = Math.random().toString(36).substring(2, 15);
 		uploading = true;
-		const _file_data = await upload(file_data, root, upload_id, upload_fn);
-		dispatch("load", file_count === "single" ? _file_data?.[0] : _file_data);
-		uploading = false;
-		return _file_data || [];
+		try {
+			const _file_data = await upload(
+				file_data,
+				root,
+				upload_id,
+				max_file_size ?? Infinity,
+				upload_fn
+			);
+			dispatch("load", file_count === "single" ? _file_data?.[0] : _file_data);
+			uploading = false;
+			return _file_data || [];
+		} catch (e) {
+			dispatch("error", (e as Error).message);
+			uploading = false;
+			return [];
+		}
 	}
 
 	export async function load_files(

package/src/UploadProgress.svelte

@@ -1,6 +1,11 @@
 <script lang="ts">
 	import { FileData } from "@gradio/client";
-	import { onMount, createEventDispatcher, getContext } from "svelte";
+	import {
+		onMount,
+		createEventDispatcher,
+		getContext,
+		onDestroy
+	} from "svelte";
 
 	type FileDataWithProgress = FileData & { progress: number };
 
@@ -56,6 +61,9 @@
 			}
 		};
 	});
+	onDestroy(() => {
+		if (event_source != null || event_source != undefined) event_source.close();
+	});
 
 	function calculateTotalProgress(files: FileData[]): number {
 		let totalProgress = 0;