Fix Share to community button for images (#8737)

.changeset/ready-roses-shave.md

@@ -0,0 +1,7 @@
+---
+"@gradio/image": patch
+"@gradio/utils": patch
+"gradio": patch
+---
+
+fix:Fix `Share to community` button for images

js/image/shared/ImagePreview.svelte

@@ -54,7 +54,7 @@
 				on:error
 				formatter={async (value) => {
 					if (!value) return "";
-					let url = await uploadToHuggingFace(value, "base64");
+					let url = await uploadToHuggingFace(value, "url");
 					return `<img src="${url}" />`;
 				}}
 				{value}

js/utils/src/utils.ts

@@ -31,7 +31,7 @@ export class ShareError extends Error {
 }
 
 export async function uploadToHuggingFace(
-	data: string,
+	data: string | { url?: string; path?: string },
 	type: "base64" | "url"
 ): Promise<string> {
 	if (window.__gradio_space__ == null) {
@@ -41,14 +41,34 @@ export async function uploadToHuggingFace(
 	let contentType: string;
 	let filename: string;
 	if (type === "url") {
-		const response = await fetch(data);
+		let url: string;
+
+		if (typeof data === "object" && data.url) {
+			url = data.url;
+		} else if (typeof data === "string") {
+			url = data;
+		} else {
+			throw new Error("Invalid data format for URL type");
+		}
+
+		const response = await fetch(url);
 		blob = await response.blob();
 		contentType = response.headers.get("content-type") || "";
 		filename = response.headers.get("content-disposition") || "";
 	} else {
-		blob = dataURLtoBlob(data);
-		contentType = data.split(";")[0].split(":")[1];
-		filename = "file" + contentType.split("/")[1];
+		let dataurl: string;
+
+		if (typeof data === "object" && data.path) {
+			dataurl = data.path;
+		} else if (typeof data === "string") {
+			dataurl = data;
+		} else {
+			throw new Error("Invalid data format for base64 type");
+		}
+
+		blob = dataURLtoBlob(dataurl);
+		contentType = dataurl.split(";")[0].split(":")[1];
+		filename = "file." + contentType.split("/")[1];
 	}
 
 	const file = new File([blob], filename, { type: contentType });