@gradio/video 0.15.1 → 0.16.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @gradio/video
 
+## 0.16.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
+- @gradio/image@0.23.0
+
 ## 0.15.1
 
 ### Dependency updates

package/Index.svelte

@@ -12,7 +12,7 @@
 	import type { WebcamOptions } from "./shared/utils";
 	export let elem_id = "";
 	export let elem_classes: string[] = [];
-	export let visible = true;
+	export let visible: boolean | "hidden" = true;
 	export let value: { video: FileData; subtitles: FileData | null } | null =
 		null;
 	let old_value: { video: FileData; subtitles: FileData | null } | null = null;

package/dist/Index.svelte.d.ts

@@ -7,7 +7,7 @@ declare const __propDef: {
     props: {
         elem_id?: string;
         elem_classes?: string[];
-        visible?: boolean;
+        visible?: boolean | "hidden";
         value?: {
             video: FileData;
             subtitles: FileData | null;
@@ -63,9 +63,9 @@ export default class Index extends SvelteComponent<IndexProps, IndexEvents, Inde
     get elem_classes(): string[] | undefined;
     /**accessor*/
     set elem_classes(_: string[] | undefined);
-    get visible(): boolean | undefined;
+    get visible(): boolean | "hidden" | undefined;
     /**accessor*/
-    set visible(_: boolean | undefined);
+    set visible(_: boolean | "hidden" | undefined);
     get value(): {
         video: FileData;
         subtitles: FileData | null;

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

@@ -31,7 +31,7 @@ declare const __propDef: {
         pause: CustomEvent<any>;
         stop: CustomEvent<undefined>;
         end: CustomEvent<any>;
-        change: CustomEvent<FileData | null>;
+        change: CustomEvent<any>;
         clear?: CustomEvent<undefined> | undefined;
         drag: CustomEvent<boolean>;
         upload: CustomEvent<FileData>;

package/dist/shared/Video.svelte

@@ -1,6 +1,5 @@
 <script>import { createEventDispatcher } from "svelte";
 import { loaded } from "./utils";
-import { resolve_wasm_src } from "@gradio/wasm/svelte";
 import Hls from "hls.js";
 export let src = void 0;
 export let muted = void 0;
@@ -15,19 +14,7 @@ export let node = void 0;
 export let loop;
 export let is_stream;
 export let processingVideo = false;
-let resolved_src;
 let stream_active = false;
-let latest_src;
-$: {
-  resolved_src = src;
-  latest_src = src;
-  const resolving_src = src;
-  resolve_wasm_src(resolving_src).then((s) => {
-    if (latest_src === resolving_src) {
-      resolved_src = s;
-    }
-  });
-}
 const dispatch = createEventDispatcher();
 function load_stream(src2, is_stream2, node2) {
   if (!src2 || !is_stream2) return;
@@ -88,7 +75,7 @@ Then, even when `controls` is false, the compiled DOM would be `<video controls=
 	</span>
 </div>
 <video
-	src={resolved_src}
+	{src}
 	{muted}
 	{playsinline}
 	{preload}

package/dist/shared/VideoPreview.svelte

@@ -4,11 +4,11 @@ import {
   Empty,
   IconButton,
   ShareButton,
-  IconButtonWrapper
+  IconButtonWrapper,
+  DownloadLink
 } from "@gradio/atoms";
 import { Video, Download } from "@gradio/icons";
 import { uploadToHuggingFace } from "@gradio/utils";
-import { DownloadLink } from "@gradio/wasm/svelte";
 import Player from "./Player.svelte";
 export let value = null;
 export let subtitle = null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gradio/video",
-  "version": "0.15.1",
+  "version": "0.16.0",
   "description": "Gradio UI packages",
   "type": "module",
   "author": "",
@@ -11,14 +11,13 @@
     "@ffmpeg/util": "^0.12.1",
     "hls.js": "^1.5.13",
     "mrmime": "^2.0.0",
+    "@gradio/atoms": "^0.18.0",
     "@gradio/icons": "^0.14.0",
-    "@gradio/client": "^1.18.0",
-    "@gradio/statustracker": "^0.11.0",
-    "@gradio/image": "^0.22.18",
-    "@gradio/atoms": "^0.17.0",
-    "@gradio/upload": "^0.16.17",
+    "@gradio/client": "^1.19.0",
+    "@gradio/upload": "^0.17.0",
+    "@gradio/image": "^0.23.0",
     "@gradio/utils": "^0.10.2",
-    "@gradio/wasm": "^0.18.1"
+    "@gradio/statustracker": "^0.11.1"
   },
   "devDependencies": {
     "@gradio/preview": "^0.14.0"

package/shared/Video.svelte

@@ -3,8 +3,6 @@
 	import { createEventDispatcher } from "svelte";
 	import { loaded } from "./utils";
 
-	import { resolve_wasm_src } from "@gradio/wasm/svelte";
-
 	import Hls from "hls.js";
 
 	export let src: HTMLVideoAttributes["src"] = undefined;
@@ -25,30 +23,8 @@
 
 	export let processingVideo = false;
 
-	let resolved_src: typeof src;
 	let stream_active = false;
 
-	// The `src` prop can be updated before the Promise from `resolve_wasm_src` is resolved.
-	// In such a case, the resolved value for the old `src` has to be discarded,
-	// This variable `latest_src` is used to pick up only the value resolved for the latest `src` prop.
-	let latest_src: typeof src;
-	$: {
-		// In normal (non-Wasm) Gradio, the `<img>` element should be rendered with the passed `src` props 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 `src` to `resolved_src` here.
-		resolved_src = src;
-
-		latest_src = src;
-		const resolving_src = src;
-		resolve_wasm_src(resolving_src).then((s) => {
-			if (latest_src === resolving_src) {
-				resolved_src = s;
-			}
-		});
-	}
-
 	const dispatch = createEventDispatcher();
 
 	function load_stream(
@@ -114,7 +90,7 @@ Then, even when `controls` is false, the compiled DOM would be `<video controls=
 	</span>
 </div>
 <video
-	src={resolved_src}
+	{src}
 	{muted}
 	{playsinline}
 	{preload}

package/shared/VideoPreview.svelte

@@ -5,12 +5,12 @@
 		Empty,
 		IconButton,
 		ShareButton,
-		IconButtonWrapper
+		IconButtonWrapper,
+		DownloadLink
 	} from "@gradio/atoms";
 	import type { FileData, Client } from "@gradio/client";
 	import { Video, Download } from "@gradio/icons";
 	import { uploadToHuggingFace } from "@gradio/utils";
-	import { DownloadLink } from "@gradio/wasm/svelte";
 
 	import Player from "./Player.svelte";
 	import type { I18nFormatter } from "js/core/src/gradio_helper";