@gradio/model3d 0.14.26 → 0.15.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @gradio/model3d
 
+## 0.15.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+
 ## 0.14.26
 
 ### Dependency updates

package/Index.svelte

@@ -17,7 +17,7 @@
 
 	export let elem_id = "";
 	export let elem_classes: string[] = [];
-	export let visible = true;
+	export let visible: boolean | "hidden" = true;
 	export let value: null | FileData = null;
 	export let root: string;
 	export let display_mode: "solid" | "point_cloud" | "wireframe" = "solid";

package/dist/Index.svelte.d.ts

@@ -9,7 +9,7 @@ declare const __propDef: {
     props: {
         elem_id?: string;
         elem_classes?: string[];
-        visible?: boolean;
+        visible?: boolean | "hidden";
         value?: null | FileData;
         root: string;
         display_mode?: "solid" | "point_cloud" | "wireframe";

package/dist/shared/Canvas3D.svelte

@@ -1,5 +1,4 @@
 <script>import { onMount } from "svelte";
-import { resolve_wasm_src } from "@gradio/wasm/svelte";
 let BABYLON_VIEWER;
 export let value;
 export let display_mode;
@@ -8,22 +7,6 @@ export let camera_position;
 export let zoom_speed;
 export let pan_speed;
 $: url = value.url;
-export let resolved_url = void 0;
-let latest_url;
-$: {
-  resolved_url = url;
-  if (url) {
-    latest_url = url;
-    const resolving_url = url;
-    resolve_wasm_src(url).then((resolved) => {
-      if (latest_url === resolving_url) {
-        resolved_url = resolved ?? void 0;
-      } else {
-        resolved && URL.revokeObjectURL(resolved);
-      }
-    });
-  }
-}
 let canvas;
 let viewer;
 let viewerDetails;
@@ -49,7 +32,7 @@ onMount(() => {
     viewer?.dispose();
   };
 });
-$: mounted && load_model(resolved_url);
+$: mounted && load_model(url);
 function setRenderingMode(pointsCloud, wireframe) {
   viewerDetails.scene.forcePointsCloud = pointsCloud;
   viewerDetails.scene.forceWireframe = wireframe;

package/dist/shared/Canvas3D.svelte.d.ts

@@ -8,7 +8,6 @@ declare const __propDef: {
         camera_position: [number | null, number | null, number | null];
         zoom_speed: number;
         pan_speed: number;
-        resolved_url?: string | undefined;
         update_camera?: (camera_position: [number | null, number | null, number | null], zoom_speed: number, pan_speed: number) => void;
         reset_camera_position?: () => void;
     };

package/dist/shared/Canvas3DGS.svelte

@@ -1,26 +1,9 @@
 <script>import { onMount } from "svelte";
 import * as SPLAT from "gsplat";
-import { resolve_wasm_src } from "@gradio/wasm/svelte";
 export let value;
 export let zoom_speed;
 export let pan_speed;
 $: url = value.url;
-export let resolved_url = void 0;
-let latest_url;
-$: {
-  resolved_url = url;
-  if (url) {
-    latest_url = url;
-    const resolving_url = url;
-    resolve_wasm_src(url).then((resolved) => {
-      if (latest_url === resolving_url) {
-        resolved_url = resolved ?? void 0;
-      } else {
-        resolved && URL.revokeObjectURL(resolved);
-      }
-    });
-  }
-}
 let canvas;
 let scene;
 let camera;
@@ -52,14 +35,14 @@ function reset_scene() {
       console.error("Already loading");
       return;
     }
-    if (!resolved_url) {
+    if (!url) {
       throw new Error("No resolved URL");
     }
     loading = true;
-    if (resolved_url.endsWith(".ply")) {
-      await SPLAT.PLYLoader.LoadAsync(resolved_url, scene, void 0);
-    } else if (resolved_url.endsWith(".splat")) {
-      await SPLAT.Loader.LoadAsync(resolved_url, scene, void 0);
+    if (url.endsWith(".ply")) {
+      await SPLAT.PLYLoader.LoadAsync(url, scene, void 0);
+    } else if (url.endsWith(".splat")) {
+      await SPLAT.Loader.LoadAsync(url, scene, void 0);
     } else {
       throw new Error("Unsupported file type");
     }

package/dist/shared/Canvas3DGS.svelte.d.ts

@@ -5,7 +5,6 @@ declare const __propDef: {
         value: FileData;
         zoom_speed: number;
         pan_speed: number;
-        resolved_url?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/shared/Model3D.svelte

@@ -49,7 +49,6 @@ $: {
     current_settings = { camera_position, zoom_speed, pan_speed };
   }
 }
-let resolved_url;
 </script>
 
 <BlockLabel
@@ -70,7 +69,7 @@ let resolved_url;
 				/>
 			{/if}
 			<a
-				href={resolved_url}
+				href={value.url}
 				target={window.__is_colab__ ? "_blank" : null}
 				download={window.__is_colab__ ? null : value.orig_name || value.path}
 			>
@@ -81,7 +80,6 @@ let resolved_url;
 		{#if use_3dgs}
 			<svelte:component
 				this={Canvas3DGSComponent}
-				bind:resolved_url
 				{value}
 				{zoom_speed}
 				{pan_speed}
@@ -90,7 +88,6 @@ let resolved_url;
 			<svelte:component
 				this={Canvas3DComponent}
 				bind:this={canvas3d}
-				bind:resolved_url
 				{value}
 				{display_mode}
 				{clear_color}

package/dist/shared/Model3DUpload.svelte.d.ts

@@ -20,7 +20,7 @@ declare const __propDef: {
     };
     events: {
         error: CustomEvent<any>;
-        change: CustomEvent<FileData | null>;
+        change: CustomEvent<any>;
         clear: CustomEvent<undefined>;
         drag: CustomEvent<boolean>;
         load: CustomEvent<FileData>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gradio/model3d",
-  "version": "0.14.26",
+  "version": "0.15.0",
   "description": "Gradio UI packages",
   "type": "module",
   "author": "",
@@ -13,13 +13,12 @@
     "@babylonjs/loaders": "^8.2.0",
     "dequal": "^2.0.2",
     "gsplat": "^1.2.9",
-    "@gradio/atoms": "^0.17.0",
-    "@gradio/client": "^1.18.0",
+    "@gradio/atoms": "^0.18.0",
+    "@gradio/client": "^1.19.0",
     "@gradio/icons": "^0.14.0",
-    "@gradio/upload": "^0.16.17",
-    "@gradio/statustracker": "^0.11.0",
+    "@gradio/statustracker": "^0.11.1",
     "@gradio/utils": "^0.10.2",
-    "@gradio/wasm": "^0.18.1"
+    "@gradio/upload": "^0.17.0"
   },
   "devDependencies": {
     "@gradio/preview": "^0.14.0"

package/shared/Canvas3D.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
 	import { onMount } from "svelte";
 	import type { FileData } from "@gradio/client";
-	import { resolve_wasm_src } from "@gradio/wasm/svelte";
 	import type { Viewer, ViewerDetails } from "@babylonjs/viewer";
 
 	let BABYLON_VIEWER: typeof import("@babylonjs/viewer");
@@ -15,33 +14,6 @@
 
 	$: url = value.url;
 
-	/* URL resolution for the Wasm mode. */
-	export let resolved_url: typeof url = undefined; // Exposed to be bound to the download link in the parent component.
-	// The prop can be updated before the Promise from `resolve_wasm_src` is resolved.
-	// In such a case, the resolved url for the old `url` has to be discarded,
-	// This variable `latest_url` is used to pick up only the value resolved for the latest `url`.
-	let latest_url: typeof url;
-	$: {
-		// In normal (non-Wasm) Gradio, the original `url` should be used immediately
-		// without waiting for `resolve_wasm_src()` to resolve.
-		// If it waits, a blank element is displayed until the async task finishes
-		// and it leads to undesirable flickering.
-		// So set `resolved_url` immediately above, and update it with the resolved values below later.
-		resolved_url = url;
-
-		if (url) {
-			latest_url = url;
-			const resolving_url = url;
-			resolve_wasm_src(url).then((resolved) => {
-				if (latest_url === resolving_url) {
-					resolved_url = resolved ?? undefined;
-				} else {
-					resolved && URL.revokeObjectURL(resolved);
-				}
-			});
-		}
-	}
-
 	let canvas: HTMLCanvasElement;
 	let viewer: Viewer;
 	let viewerDetails: Readonly<ViewerDetails>;
@@ -71,7 +43,7 @@
 		};
 	});
 
-	$: mounted && load_model(resolved_url);
+	$: mounted && load_model(url);
 
 	function setRenderingMode(pointsCloud: boolean, wireframe: boolean): void {
 		viewerDetails.scene.forcePointsCloud = pointsCloud;

package/shared/Canvas3DGS.svelte

@@ -2,7 +2,6 @@
 	import { onMount } from "svelte";
 	import * as SPLAT from "gsplat";
 	import type { FileData } from "@gradio/client";
-	import { resolve_wasm_src } from "@gradio/wasm/svelte";
 
 	export let value: FileData;
 	export let zoom_speed: number;
@@ -10,33 +9,6 @@
 
 	$: url = value.url;
 
-	/* URL resolution for the Wasm mode. */
-	export let resolved_url: typeof url = undefined; // Exposed to be bound to the download link in the parent component.
-	// The prop can be updated before the Promise from `resolve_wasm_src` is resolved.
-	// In such a case, the resolved url for the old `url` has to be discarded,
-	// This variable `latest_url` is used to pick up only the value resolved for the latest `url`.
-	let latest_url: typeof url;
-	$: {
-		// In normal (non-Wasm) Gradio, the original `url` should be used immediately
-		// without waiting for `resolve_wasm_src()` to resolve.
-		// If it waits, a blank element is displayed until the async task finishes
-		// and it leads to undesirable flickering.
-		// So set `resolved_url` immediately above, and update it with the resolved values below later.
-		resolved_url = url;
-
-		if (url) {
-			latest_url = url;
-			const resolving_url = url;
-			resolve_wasm_src(url).then((resolved) => {
-				if (latest_url === resolving_url) {
-					resolved_url = resolved ?? undefined;
-				} else {
-					resolved && URL.revokeObjectURL(resolved);
-				}
-			});
-		}
-	}
-
 	let canvas: HTMLCanvasElement;
 	let scene: SPLAT.Scene;
 	let camera: SPLAT.Camera;
@@ -73,14 +45,14 @@
 				console.error("Already loading");
 				return;
 			}
-			if (!resolved_url) {
+			if (!url) {
 				throw new Error("No resolved URL");
 			}
 			loading = true;
-			if (resolved_url.endsWith(".ply")) {
-				await SPLAT.PLYLoader.LoadAsync(resolved_url, scene, undefined);
-			} else if (resolved_url.endsWith(".splat")) {
-				await SPLAT.Loader.LoadAsync(resolved_url, scene, undefined);
+			if (url.endsWith(".ply")) {
+				await SPLAT.PLYLoader.LoadAsync(url, scene, undefined);
+			} else if (url.endsWith(".splat")) {
+				await SPLAT.Loader.LoadAsync(url, scene, undefined);
 			} else {
 				throw new Error("Unsupported file type");
 			}

package/shared/Model3D.svelte

@@ -64,8 +64,6 @@
 			current_settings = { camera_position, zoom_speed, pan_speed };
 		}
 	}
-
-	let resolved_url: string | undefined;
 </script>
 
 <BlockLabel
@@ -86,7 +84,7 @@
 				/>
 			{/if}
 			<a
-				href={resolved_url}
+				href={value.url}
 				target={window.__is_colab__ ? "_blank" : null}
 				download={window.__is_colab__ ? null : value.orig_name || value.path}
 			>
@@ -97,7 +95,6 @@
 		{#if use_3dgs}
 			<svelte:component
 				this={Canvas3DGSComponent}
-				bind:resolved_url
 				{value}
 				{zoom_speed}
 				{pan_speed}
@@ -106,7 +103,6 @@
 			<svelte:component
 				this={Canvas3DComponent}
 				bind:this={canvas3d}
-				bind:resolved_url
 				{value}
 				{display_mode}
 				{clear_color}