@gradio/image 0.3.3 → 0.3.5

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @gradio/image
 
+## 0.3.5
+
+### Patch Changes
+
+- Updated dependencies [[`324867f63`](https://github.com/gradio-app/gradio/commit/324867f63c920113d89a565892aa596cf8b1e486), [`d84209703`](https://github.com/gradio-app/gradio/commit/d84209703b7a0728cdb49221e543500ddb6a8d33)]:
+  - @gradio/client@0.8.1
+  - @gradio/wasm@0.3.0
+  - @gradio/upload@0.4.1
+
+## 0.3.4
+
+### Features
+
+- [#6363](https://github.com/gradio-app/gradio/pull/6363) [`4d3aad33a`](https://github.com/gradio-app/gradio/commit/4d3aad33a0b66639dbbb2928f305a79fb7789b2d) - Fix image upload. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6322](https://github.com/gradio-app/gradio/pull/6322) [`6204ccac5`](https://github.com/gradio-app/gradio/commit/6204ccac5967763e0ebde550d04d12584243a120) - Fixes `gr.load()` so it works properly with Images and Examples. Thanks [@abidlabs](https://github.com/abidlabs)!
+
 ## 0.3.3
 
 ### Patch Changes

package/Index.svelte

@@ -17,15 +17,18 @@
 	import { StatusTracker } from "@gradio/statustracker";
 	import type { FileData } from "@gradio/client";
 	import type { LoadingStatus } from "@gradio/statustracker";
+	import { normalise_file } from "@gradio/client";
 
 	export let elem_id = "";
 	export let elem_classes: string[] = [];
 	export let visible = true;
 	export let value: null | FileData = null;
+	$: _value = normalise_file(value, root, proxy_url);
 	export let label: string;
 	export let show_label: boolean;
 	export let show_download_button: boolean;
 	export let root: string;
+	export let proxy_url: null | string;
 
 	export let height: number | undefined;
 	export let width: number | undefined;
@@ -60,9 +63,6 @@
 
 	$: value?.url && gradio.dispatch("change");
 	let dragging: boolean;
-
-	$: value = !value ? null : value;
-
 	let active_tool: null | "webcam" = null;
 </script>
 
@@ -90,8 +90,7 @@
 			on:select={({ detail }) => gradio.dispatch("select", detail)}
 			on:share={({ detail }) => gradio.dispatch("share", detail)}
 			on:error={({ detail }) => gradio.dispatch("error", detail)}
-			{root}
-			{value}
+			value={_value}
 			{label}
 			{show_label}
 			{show_download_button}
@@ -103,7 +102,7 @@
 {:else}
 	<Block
 		{visible}
-		variant={value === null ? "dashed" : "solid"}
+		variant={_value === null ? "dashed" : "solid"}
 		border_mode={dragging ? "focus" : "base"}
 		padding={false}
 		{elem_id}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gradio/image",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "Gradio UI packages",
   "type": "module",
   "author": "",
@@ -11,12 +11,12 @@
     "lazy-brush": "^1.0.1",
     "resize-observer-polyfill": "^1.5.1",
     "@gradio/atoms": "^0.2.1",
-    "@gradio/client": "^0.7.2",
-    "@gradio/icons": "^0.2.0",
+    "@gradio/client": "^0.8.1",
     "@gradio/statustracker": "^0.3.1",
-    "@gradio/upload": "^0.3.3",
+    "@gradio/icons": "^0.2.0",
     "@gradio/utils": "^0.2.0",
-    "@gradio/wasm": "^0.2.0"
+    "@gradio/upload": "^0.4.1",
+    "@gradio/wasm": "^0.3.0"
   },
   "main_changeset": true,
   "main": "./Index.svelte",

package/shared/ImagePreview.svelte

@@ -16,7 +16,6 @@
 	export let show_download_button = true;
 	export let selectable = false;
 	export let show_share_button = false;
-	export let root: string;
 	export let i18n: I18nFormatter;
 
 	const dispatch = createEventDispatcher<{
@@ -24,8 +23,6 @@
 		select: SelectData;
 	}>();
 
-	$: value = normalise_file(value, root, null);
-
 	const handle_click = (evt: MouseEvent): void => {
 		let coordinates = get_coordinates_of_clicked_image(evt);
 		if (coordinates) {