@gradio/upload 0.17.9 → 0.18.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @gradio/upload
 
+## 0.18.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+
+## 0.17.10
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 0.17.10
+
+### Fixes
+
+- [#13336](https://github.com/gradio-app/gradio/pull/13336) [`14c8870`](https://github.com/gradio-app/gradio/commit/14c88701756c5fa57e8eaeac4df1385b9601da45) - Add UploadButton unit tests.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+
 ## 0.17.9
 
 ### Dependency updates

package/dist/src/Upload.svelte

@@ -3,7 +3,7 @@
 	import type { FileData } from "@gradio/client";
 	import { prepare_files, type Client } from "@gradio/client";
 	import UploadProgress from "./UploadProgress.svelte";
-	import { create_drag } from "./utils";
+	import { create_drag, is_valid_mimetype } from "./utils";
 
 	const { drag, open_file_upload: _open_file_upload } = create_drag();
 
@@ -49,8 +49,8 @@
 		icon_upload?: boolean;
 		height?: number | string | undefined;
 		aria_label?: string | undefined;
-		upload_promise?: Promise<(FileData | null)[]>;
-		onload?: (data: FileData | FileData[] | Blob | File) => void;
+		upload_promise?: Promise<(FileData | null)[]> | null;
+		onload?: (data: any) => void;
 		onerror?: (error: string) => void;
 		children?: import("svelte").Snippet;
 	} = $props();
@@ -59,7 +59,7 @@
 		_open_file_upload();
 	}
 
-	let upload_id: string = "";
+	let upload_id = "";
 	let file_data: FileData[];
 	let accept_file_types: string | null = $state(null);
 	let use_post_upload_validation: boolean | null = null;
@@ -141,14 +141,19 @@
 		uploading = true;
 		upload_promise = new Promise(async (resolve) => {
 			try {
-				const _file_data = await upload(
-					file_data,
-					root,
-					upload_id,
-					max_file_size ?? Infinity
-				);
-				onload?.(file_count === "single" ? _file_data?.[0] : _file_data);
-				resolve(_file_data || []);
+				const _file_data =
+					(await upload(
+						file_data,
+						root,
+						upload_id,
+						max_file_size ?? Infinity
+					)) || [];
+				if (file_count === "single") {
+					if (_file_data[0] !== undefined) onload?.(_file_data[0]);
+				} else {
+					onload?.(_file_data);
+				}
+				resolve(_file_data);
 				uploading = false;
 			} catch (e) {
 				onerror?.((e as Error).message);
@@ -160,40 +165,6 @@
 		return upload_promise;
 	}
 
-	function is_valid_mimetype(
-		file_accept: string | string[] | null,
-		uploaded_file_extension: string,
-		uploaded_file_type: string
-	): boolean {
-		if (
-			!file_accept ||
-			file_accept === "*" ||
-			file_accept === "file/*" ||
-			(Array.isArray(file_accept) &&
-				file_accept.some((accept) => accept === "*" || accept === "file/*"))
-		) {
-			return true;
-		}
-		let acceptArray: string[];
-		if (typeof file_accept === "string") {
-			acceptArray = file_accept.split(",").map((s) => s.trim());
-		} else if (Array.isArray(file_accept)) {
-			acceptArray = file_accept;
-		} else {
-			return false;
-		}
-
-		return (
-			acceptArray.includes(uploaded_file_extension) ||
-			acceptArray.some((type) => {
-				const [category] = type.split("/").map((s) => s.trim());
-				return (
-					type.endsWith("/*") && uploaded_file_type.startsWith(category + "/")
-				);
-			})
-		);
-	}
-
 	export async function load_files(
 		files: File[] | Blob[],
 		upload_id?: string

package/dist/src/Upload.svelte.d.ts

@@ -19,8 +19,8 @@ type $$ComponentProps = {
     icon_upload?: boolean;
     height?: number | string | undefined;
     aria_label?: string | undefined;
-    upload_promise?: Promise<(FileData | null)[]>;
-    onload?: (data: FileData | FileData[] | Blob | File) => void;
+    upload_promise?: Promise<(FileData | null)[]> | null;
+    onload?: (data: any) => void;
     onerror?: (error: string) => void;
     children?: import("svelte").Snippet;
 };

package/dist/src/UploadProgress.svelte

@@ -21,8 +21,6 @@
 	let stream: Awaited<ReturnType<Client["stream"]>>;
 	let progress = $state(false);
 	let current_file_upload = $state<FileDataWithProgress>();
-	let file_to_display = $derived(current_file_upload || files_with_progress[0]);
-
 	let files_with_progress = $state<FileDataWithProgress[]>(
 		files.map((file) => {
 			return {
@@ -31,6 +29,7 @@
 			};
 		})
 	);
+	let file_to_display = $derived(current_file_upload || files_with_progress[0]);
 
 	function handleProgress(filename: string, chunk_size: number): void {
 		// Find the corresponding file in the array and update its progress

package/dist/src/index.d.ts

@@ -1,4 +1,4 @@
 export { default as Upload } from "./Upload.svelte";
 export { default as ModifyUpload } from "./ModifyUpload.svelte";
 export { default as UploadProgress } from "./UploadProgress.svelte";
-export { create_drag } from "./utils";
+export { create_drag, is_valid_mimetype } from "./utils";

package/dist/src/index.js

@@ -1,4 +1,4 @@
 export { default as Upload } from "./Upload.svelte";
 export { default as ModifyUpload } from "./ModifyUpload.svelte";
 export { default as UploadProgress } from "./UploadProgress.svelte";
-export { create_drag } from "./utils";
+export { create_drag, is_valid_mimetype } from "./utils";

package/dist/src/utils.d.ts

@@ -1,3 +1,4 @@
+export declare function is_valid_mimetype(file_accept: string | string[] | null, uploaded_file_extension: string, uploaded_file_type: string): boolean;
 interface DragActionOptions {
     disable_click?: boolean;
     accepted_types?: string | string[] | null;

package/dist/src/utils.js

@@ -1,3 +1,27 @@
+export function is_valid_mimetype(file_accept, uploaded_file_extension, uploaded_file_type) {
+    if (!file_accept ||
+        file_accept === "*" ||
+        file_accept === "file/*" ||
+        (Array.isArray(file_accept) &&
+            file_accept.some((accept) => accept === "*" || accept === "file/*"))) {
+        return true;
+    }
+    let acceptArray;
+    if (typeof file_accept === "string") {
+        acceptArray = file_accept.split(",").map((s) => s.trim());
+    }
+    else if (Array.isArray(file_accept)) {
+        acceptArray = file_accept;
+    }
+    else {
+        return false;
+    }
+    return (acceptArray.includes(uploaded_file_extension) ||
+        acceptArray.some((type) => {
+            const [category] = type.split("/").map((s) => s.trim());
+            return (type.endsWith("/*") && uploaded_file_type.startsWith(category + "/"));
+        }));
+}
 export function create_drag() {
     let hidden_input;
     let _options;

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@gradio/upload",
-  "version": "0.17.9",
+  "version": "0.18.0",
   "description": "Gradio UI packages",
   "type": "module",
   "main": "src/index.ts",
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@gradio/atoms": "^0.24.0",
-    "@gradio/utils": "^0.12.2",
+    "@gradio/atoms": "^0.25.0",
     "@gradio/icons": "^0.15.1",
-    "@gradio/client": "^2.2.0"
+    "@gradio/client": "^2.3.0",
+    "@gradio/utils": "^0.13.0"
   },
   "main_changeset": true,
   "exports": {

package/src/Upload.svelte

@@ -3,7 +3,7 @@
 	import type { FileData } from "@gradio/client";
 	import { prepare_files, type Client } from "@gradio/client";
 	import UploadProgress from "./UploadProgress.svelte";
-	import { create_drag } from "./utils";
+	import { create_drag, is_valid_mimetype } from "./utils";
 
 	const { drag, open_file_upload: _open_file_upload } = create_drag();
 
@@ -49,8 +49,8 @@
 		icon_upload?: boolean;
 		height?: number | string | undefined;
 		aria_label?: string | undefined;
-		upload_promise?: Promise<(FileData | null)[]>;
-		onload?: (data: FileData | FileData[] | Blob | File) => void;
+		upload_promise?: Promise<(FileData | null)[]> | null;
+		onload?: (data: any) => void;
 		onerror?: (error: string) => void;
 		children?: import("svelte").Snippet;
 	} = $props();
@@ -59,7 +59,7 @@
 		_open_file_upload();
 	}
 
-	let upload_id: string = "";
+	let upload_id = "";
 	let file_data: FileData[];
 	let accept_file_types: string | null = $state(null);
 	let use_post_upload_validation: boolean | null = null;
@@ -141,14 +141,19 @@
 		uploading = true;
 		upload_promise = new Promise(async (resolve) => {
 			try {
-				const _file_data = await upload(
-					file_data,
-					root,
-					upload_id,
-					max_file_size ?? Infinity
-				);
-				onload?.(file_count === "single" ? _file_data?.[0] : _file_data);
-				resolve(_file_data || []);
+				const _file_data =
+					(await upload(
+						file_data,
+						root,
+						upload_id,
+						max_file_size ?? Infinity
+					)) || [];
+				if (file_count === "single") {
+					if (_file_data[0] !== undefined) onload?.(_file_data[0]);
+				} else {
+					onload?.(_file_data);
+				}
+				resolve(_file_data);
 				uploading = false;
 			} catch (e) {
 				onerror?.((e as Error).message);
@@ -160,40 +165,6 @@
 		return upload_promise;
 	}
 
-	function is_valid_mimetype(
-		file_accept: string | string[] | null,
-		uploaded_file_extension: string,
-		uploaded_file_type: string
-	): boolean {
-		if (
-			!file_accept ||
-			file_accept === "*" ||
-			file_accept === "file/*" ||
-			(Array.isArray(file_accept) &&
-				file_accept.some((accept) => accept === "*" || accept === "file/*"))
-		) {
-			return true;
-		}
-		let acceptArray: string[];
-		if (typeof file_accept === "string") {
-			acceptArray = file_accept.split(",").map((s) => s.trim());
-		} else if (Array.isArray(file_accept)) {
-			acceptArray = file_accept;
-		} else {
-			return false;
-		}
-
-		return (
-			acceptArray.includes(uploaded_file_extension) ||
-			acceptArray.some((type) => {
-				const [category] = type.split("/").map((s) => s.trim());
-				return (
-					type.endsWith("/*") && uploaded_file_type.startsWith(category + "/")
-				);
-			})
-		);
-	}
-
 	export async function load_files(
 		files: File[] | Blob[],
 		upload_id?: string

package/src/UploadProgress.svelte

@@ -21,8 +21,6 @@
 	let stream: Awaited<ReturnType<Client["stream"]>>;
 	let progress = $state(false);
 	let current_file_upload = $state<FileDataWithProgress>();
-	let file_to_display = $derived(current_file_upload || files_with_progress[0]);
-
 	let files_with_progress = $state<FileDataWithProgress[]>(
 		files.map((file) => {
 			return {
@@ -31,6 +29,7 @@
 			};
 		})
 	);
+	let file_to_display = $derived(current_file_upload || files_with_progress[0]);
 
 	function handleProgress(filename: string, chunk_size: number): void {
 		// Find the corresponding file in the array and update its progress

package/src/index.ts

@@ -1,4 +1,4 @@
 export { default as Upload } from "./Upload.svelte";
 export { default as ModifyUpload } from "./ModifyUpload.svelte";
 export { default as UploadProgress } from "./UploadProgress.svelte";
-export { create_drag } from "./utils";
+export { create_drag, is_valid_mimetype } from "./utils";

package/src/utils.ts

@@ -1,3 +1,37 @@
+export function is_valid_mimetype(
+	file_accept: string | string[] | null,
+	uploaded_file_extension: string,
+	uploaded_file_type: string
+): boolean {
+	if (
+		!file_accept ||
+		file_accept === "*" ||
+		file_accept === "file/*" ||
+		(Array.isArray(file_accept) &&
+			file_accept.some((accept) => accept === "*" || accept === "file/*"))
+	) {
+		return true;
+	}
+	let acceptArray: string[];
+	if (typeof file_accept === "string") {
+		acceptArray = file_accept.split(",").map((s) => s.trim());
+	} else if (Array.isArray(file_accept)) {
+		acceptArray = file_accept;
+	} else {
+		return false;
+	}
+
+	return (
+		acceptArray.includes(uploaded_file_extension) ||
+		acceptArray.some((type) => {
+			const [category] = type.split("/").map((s) => s.trim());
+			return (
+				type.endsWith("/*") && uploaded_file_type.startsWith(category + "/")
+			);
+		})
+	);
+}
+
 interface DragActionOptions {
 	disable_click?: boolean;
 	accepted_types?: string | string[] | null;