@langchain/vue 0.4.6 → 1.0.0

package/dist/use-video-player.cjs

@@ -0,0 +1,212 @@
+let vue = require("vue");
+//#region src/use-video-player.ts
+/**
+* Bind a {@link VideoMedia} handle to a caller-owned `<video>` element.
+*
+* Vue idioms:
+*  - `videoRef` accepts a raw `HTMLVideoElement`, a `Ref<...>`, or a
+*    getter. Pair with `<video ref="video" />` in the template, then
+*    pass the template ref straight in.
+*  - The composable never injects DOM nor overrides layout.
+*  - On scope disposal (or when `media` changes) the composable calls
+*    `media.revoke()` to free the object URL.
+*
+* @param videoRef - Reactive reference to the `<video>` element.
+* @param media    - Video handle from {@link useVideo}.
+* @param options  - Auto-play toggle.
+*/
+function useVideoPlayer(videoRef, media, options) {
+	const autoPlay = options?.autoPlay ?? false;
+	const status = (0, vue.ref)("idle");
+	const error = (0, vue.ref)(void 0);
+	const currentTime = (0, vue.ref)(0);
+	const duration = (0, vue.ref)(void 0);
+	let shouldPlay = false;
+	let pendingResolve = null;
+	let pendingReject = null;
+	const resolvePending = () => {
+		const r = pendingResolve;
+		pendingResolve = null;
+		pendingReject = null;
+		r?.();
+	};
+	const rejectPending = (err) => {
+		const r = pendingReject;
+		pendingResolve = null;
+		pendingReject = null;
+		r?.(err);
+	};
+	(0, vue.watch)(() => status.value, (s) => {
+		if (s === "finished" || s === "paused" || s === "idle") resolvePending();
+		else if (s === "error") rejectPending(error.value ?? /* @__PURE__ */ new Error("playback error"));
+	});
+	const getVideo = () => (0, vue.toValue)(videoRef) ?? null;
+	const play = () => {
+		if ((0, vue.toValue)(media) == null) return;
+		if (status.value === "error") return;
+		shouldPlay = true;
+		const video = getVideo();
+		if (video == null) {
+			status.value = "buffering";
+			return;
+		}
+		video.play().catch((err) => {
+			error.value = err;
+			status.value = "error";
+		});
+	};
+	const pause = () => {
+		shouldPlay = false;
+		getVideo()?.pause();
+		if (status.value === "playing" || status.value === "buffering") status.value = "paused";
+	};
+	const stop = () => {
+		shouldPlay = false;
+		const video = getVideo();
+		if (video != null) {
+			video.pause();
+			video.currentTime = 0;
+		}
+		currentTime.value = 0;
+		status.value = (0, vue.toValue)(media) == null ? "idle" : "paused";
+	};
+	const reset = () => {
+		stop();
+		error.value = void 0;
+		duration.value = void 0;
+		status.value = "idle";
+	};
+	const toggle = () => {
+		if (status.value === "playing") pause();
+		else play();
+	};
+	const playToEnd = () => {
+		pendingResolve?.();
+		pendingResolve = null;
+		pendingReject = null;
+		return new Promise((resolve, reject) => {
+			pendingResolve = resolve;
+			pendingReject = reject;
+			play();
+		});
+	};
+	const seek = (seconds) => {
+		const video = getVideo();
+		if (video == null) return;
+		video.currentTime = seconds;
+		currentTime.value = seconds;
+	};
+	let detach = null;
+	const bind = (m, video) => {
+		error.value = void 0;
+		status.value = "buffering";
+		currentTime.value = 0;
+		duration.value = void 0;
+		let cancelled = false;
+		m.objectURL.then((resolved) => {
+			if (cancelled) return;
+			if (video == null) return;
+			video.src = resolved;
+			if (shouldPlay || autoPlay) video.play().catch((err) => {
+				error.value = err;
+				status.value = "error";
+			});
+			else status.value = "paused";
+		}, () => {
+			if (!cancelled) {
+				error.value = /* @__PURE__ */ new Error("media failed to materialise");
+				status.value = "error";
+			}
+		});
+		if (video == null) return () => {
+			cancelled = true;
+			try {
+				m.revoke();
+			} catch {}
+		};
+		const onPlay = () => {
+			if (status.value !== "error") status.value = "playing";
+		};
+		const onPause = () => {
+			if (video.ended) return;
+			if (status.value === "playing") status.value = "paused";
+		};
+		const onEnded = () => {
+			status.value = "finished";
+		};
+		const onTimeUpdate = () => {
+			currentTime.value = video.currentTime;
+		};
+		const onLoadedMetadata = () => {
+			if (Number.isFinite(video.duration)) duration.value = video.duration;
+		};
+		const onError = () => {
+			error.value = /* @__PURE__ */ new Error("HTMLVideoElement error");
+			status.value = "error";
+		};
+		video.addEventListener("play", onPlay);
+		video.addEventListener("pause", onPause);
+		video.addEventListener("ended", onEnded);
+		video.addEventListener("timeupdate", onTimeUpdate);
+		video.addEventListener("loadedmetadata", onLoadedMetadata);
+		video.addEventListener("error", onError);
+		return () => {
+			cancelled = true;
+			video.removeEventListener("play", onPlay);
+			video.removeEventListener("pause", onPause);
+			video.removeEventListener("ended", onEnded);
+			video.removeEventListener("timeupdate", onTimeUpdate);
+			video.removeEventListener("loadedmetadata", onLoadedMetadata);
+			video.removeEventListener("error", onError);
+			try {
+				video.pause();
+				video.removeAttribute("src");
+				video.load();
+			} catch {}
+			try {
+				m.revoke();
+			} catch {}
+		};
+	};
+	(0, vue.watch)(() => [(0, vue.toValue)(media), (0, vue.toValue)(videoRef)], ([m, video]) => {
+		detach?.();
+		detach = null;
+		if (m == null) {
+			status.value = "idle";
+			error.value = void 0;
+			currentTime.value = 0;
+			duration.value = void 0;
+			return;
+		}
+		if (m.error != null) {
+			error.value = new Error(m.error.message);
+			status.value = "error";
+			return;
+		}
+		detach = bind(m, video ?? null);
+	}, {
+		immediate: true,
+		flush: "post"
+	});
+	(0, vue.onScopeDispose)(() => {
+		detach?.();
+		detach = null;
+	});
+	return {
+		status,
+		play,
+		pause,
+		stop,
+		toggle,
+		reset,
+		playToEnd,
+		currentTime,
+		duration,
+		seek,
+		error
+	};
+}
+//#endregion
+exports.useVideoPlayer = useVideoPlayer;
+
+//# sourceMappingURL=use-video-player.cjs.map

package/dist/use-video-player.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-video-player.cjs","names":[],"sources":["../src/use-video-player.ts"],"sourcesContent":["import {\n  ref,\n  watch,\n  onScopeDispose,\n  toValue,\n  type MaybeRefOrGetter,\n  type Ref,\n} from \"vue\";\nimport type { VideoMedia } from \"@langchain/langgraph-sdk/stream\";\nimport type { PlayerStatus } from \"./use-audio-player.js\";\n\n/** Options for {@link useVideoPlayer}. */\nexport interface UseVideoPlayerOptions {\n  /**\n   * Start playback as soon as the blob URL resolves. Subject to\n   * browser autoplay policies — pair with `<video muted>` to bypass\n   * the user-gesture requirement.\n   */\n  autoPlay?: boolean;\n}\n\n/**\n * Controls + live state returned by {@link useVideoPlayer}. Mirrors\n * {@link AudioPlayerHandle} on the shared subset so callers only ever\n * learn one shape.\n */\nexport interface VideoPlayerHandle {\n  readonly status: Readonly<Ref<PlayerStatus>>;\n  play(): void;\n  pause(): void;\n  stop(): void;\n  toggle(): void;\n  reset(): void;\n  /**\n   * Resolve on the next terminal transition (`finished` / `paused` /\n   * `idle`). Reject on transitions to `\"error\"`. Triggers `play()`\n   * when called.\n   */\n  playToEnd(): Promise<void>;\n\n  readonly currentTime: Readonly<Ref<number>>;\n  /** Total duration (seconds) once the element has parsed the blob. */\n  readonly duration: Readonly<Ref<number | undefined>>;\n  seek(seconds: number): void;\n\n  readonly error: Readonly<Ref<Error | undefined>>;\n}\n\n/**\n * Bind a {@link VideoMedia} handle to a caller-owned `<video>` element.\n *\n * Vue idioms:\n *  - `videoRef` accepts a raw `HTMLVideoElement`, a `Ref<...>`, or a\n *    getter. Pair with `<video ref=\"video\" />` in the template, then\n *    pass the template ref straight in.\n *  - The composable never injects DOM nor overrides layout.\n *  - On scope disposal (or when `media` changes) the composable calls\n *    `media.revoke()` to free the object URL.\n *\n * @param videoRef - Reactive reference to the `<video>` element.\n * @param media    - Video handle from {@link useVideo}.\n * @param options  - Auto-play toggle.\n */\nexport function useVideoPlayer(\n  videoRef: MaybeRefOrGetter<HTMLVideoElement | null | undefined>,\n  media: MaybeRefOrGetter<VideoMedia | undefined>,\n  options?: UseVideoPlayerOptions\n): VideoPlayerHandle {\n  const autoPlay = options?.autoPlay ?? false;\n\n  const status = ref<PlayerStatus>(\"idle\");\n  const error = ref<Error | undefined>(undefined);\n  const currentTime = ref(0);\n  const duration = ref<number | undefined>(undefined);\n\n  let shouldPlay = false;\n  let pendingResolve: (() => void) | null = null;\n  let pendingReject: ((err: Error) => void) | null = null;\n\n  const resolvePending = () => {\n    const r = pendingResolve;\n    pendingResolve = null;\n    pendingReject = null;\n    r?.();\n  };\n  const rejectPending = (err: Error) => {\n    const r = pendingReject;\n    pendingResolve = null;\n    pendingReject = null;\n    r?.(err);\n  };\n\n  watch(\n    () => status.value,\n    (s) => {\n      if (s === \"finished\" || s === \"paused\" || s === \"idle\") {\n        resolvePending();\n      } else if (s === \"error\") {\n        rejectPending(error.value ?? new Error(\"playback error\"));\n      }\n    }\n  );\n\n  const getVideo = () => toValue(videoRef) ?? null;\n\n  const play = () => {\n    const m = toValue(media);\n    if (m == null) return;\n    if (status.value === \"error\") return;\n    shouldPlay = true;\n    const video = getVideo();\n    if (video == null) {\n      status.value = \"buffering\";\n      return;\n    }\n    video.play().catch((err) => {\n      error.value = err as Error;\n      status.value = \"error\";\n    });\n  };\n\n  const pause = () => {\n    shouldPlay = false;\n    getVideo()?.pause();\n    if (status.value === \"playing\" || status.value === \"buffering\") {\n      status.value = \"paused\";\n    }\n  };\n\n  const stop = () => {\n    shouldPlay = false;\n    const video = getVideo();\n    if (video != null) {\n      video.pause();\n      video.currentTime = 0;\n    }\n    currentTime.value = 0;\n    status.value = toValue(media) == null ? \"idle\" : \"paused\";\n  };\n\n  const reset = () => {\n    stop();\n    error.value = undefined;\n    duration.value = undefined;\n    status.value = \"idle\";\n  };\n\n  const toggle = () => {\n    if (status.value === \"playing\") pause();\n    else play();\n  };\n\n  const playToEnd = (): Promise<void> => {\n    pendingResolve?.();\n    pendingResolve = null;\n    pendingReject = null;\n    return new Promise<void>((resolve, reject) => {\n      pendingResolve = resolve;\n      pendingReject = reject;\n      play();\n    });\n  };\n\n  const seek = (seconds: number) => {\n    const video = getVideo();\n    if (video == null) return;\n    video.currentTime = seconds;\n    currentTime.value = seconds;\n  };\n\n  // Teardown callbacks registered when we bind a media instance.\n  let detach: (() => void) | null = null;\n\n  const bind = (m: VideoMedia, video: HTMLVideoElement | null) => {\n    error.value = undefined;\n    status.value = \"buffering\";\n    currentTime.value = 0;\n    duration.value = undefined;\n\n    let cancelled = false;\n\n    m.objectURL.then(\n      (resolved) => {\n        if (cancelled) return;\n        if (video == null) return;\n        video.src = resolved;\n\n        if (shouldPlay || autoPlay) {\n          video.play().catch((err) => {\n            error.value = err as Error;\n            status.value = \"error\";\n          });\n        } else {\n          status.value = \"paused\";\n        }\n      },\n      () => {\n        if (!cancelled) {\n          error.value = new Error(\"media failed to materialise\");\n          status.value = \"error\";\n        }\n      }\n    );\n\n    if (video == null) {\n      return () => {\n        cancelled = true;\n        try {\n          m.revoke();\n        } catch {\n          // best-effort\n        }\n      };\n    }\n\n    const onPlay = () => {\n      if (status.value !== \"error\") status.value = \"playing\";\n    };\n    const onPause = () => {\n      if (video.ended) return;\n      if (status.value === \"playing\") status.value = \"paused\";\n    };\n    const onEnded = () => {\n      status.value = \"finished\";\n    };\n    const onTimeUpdate = () => {\n      currentTime.value = video.currentTime;\n    };\n    const onLoadedMetadata = () => {\n      if (Number.isFinite(video.duration)) duration.value = video.duration;\n    };\n    const onError = () => {\n      error.value = new Error(\"HTMLVideoElement error\");\n      status.value = \"error\";\n    };\n\n    video.addEventListener(\"play\", onPlay);\n    video.addEventListener(\"pause\", onPause);\n    video.addEventListener(\"ended\", onEnded);\n    video.addEventListener(\"timeupdate\", onTimeUpdate);\n    video.addEventListener(\"loadedmetadata\", onLoadedMetadata);\n    video.addEventListener(\"error\", onError);\n\n    return () => {\n      cancelled = true;\n      video.removeEventListener(\"play\", onPlay);\n      video.removeEventListener(\"pause\", onPause);\n      video.removeEventListener(\"ended\", onEnded);\n      video.removeEventListener(\"timeupdate\", onTimeUpdate);\n      video.removeEventListener(\"loadedmetadata\", onLoadedMetadata);\n      video.removeEventListener(\"error\", onError);\n      try {\n        video.pause();\n        video.removeAttribute(\"src\");\n        video.load();\n      } catch {\n        // best-effort\n      }\n      try {\n        m.revoke();\n      } catch {\n        // best-effort\n      }\n    };\n  };\n\n  // Surface a media-level error immediately and (re)bind on change.\n  watch(\n    () => [toValue(media), toValue(videoRef)] as const,\n    ([m, video]) => {\n      detach?.();\n      detach = null;\n\n      if (m == null) {\n        status.value = \"idle\";\n        error.value = undefined;\n        currentTime.value = 0;\n        duration.value = undefined;\n        return;\n      }\n\n      if (m.error != null) {\n        error.value = new Error(m.error.message);\n        status.value = \"error\";\n        return;\n      }\n\n      detach = bind(m, video ?? null);\n    },\n    { immediate: true, flush: \"post\" }\n  );\n\n  onScopeDispose(() => {\n    detach?.();\n    detach = null;\n  });\n\n  return {\n    status,\n    play,\n    pause,\n    stop,\n    toggle,\n    reset,\n    playToEnd,\n    currentTime,\n    duration,\n    seek,\n    error,\n  };\n}\n"],"mappings":"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"}

package/dist/use-video-player.d.cts

@@ -0,0 +1,57 @@
+import { PlayerStatus } from "./use-audio-player.cjs";
+import { MaybeRefOrGetter, Ref } from "vue";
+import { VideoMedia } from "@langchain/langgraph-sdk/stream";
+
+//#region src/use-video-player.d.ts
+/** Options for {@link useVideoPlayer}. */
+interface UseVideoPlayerOptions {
+  /**
+   * Start playback as soon as the blob URL resolves. Subject to
+   * browser autoplay policies — pair with `<video muted>` to bypass
+   * the user-gesture requirement.
+   */
+  autoPlay?: boolean;
+}
+/**
+ * Controls + live state returned by {@link useVideoPlayer}. Mirrors
+ * {@link AudioPlayerHandle} on the shared subset so callers only ever
+ * learn one shape.
+ */
+interface VideoPlayerHandle {
+  readonly status: Readonly<Ref<PlayerStatus>>;
+  play(): void;
+  pause(): void;
+  stop(): void;
+  toggle(): void;
+  reset(): void;
+  /**
+   * Resolve on the next terminal transition (`finished` / `paused` /
+   * `idle`). Reject on transitions to `"error"`. Triggers `play()`
+   * when called.
+   */
+  playToEnd(): Promise<void>;
+  readonly currentTime: Readonly<Ref<number>>;
+  /** Total duration (seconds) once the element has parsed the blob. */
+  readonly duration: Readonly<Ref<number | undefined>>;
+  seek(seconds: number): void;
+  readonly error: Readonly<Ref<Error | undefined>>;
+}
+/**
+ * Bind a {@link VideoMedia} handle to a caller-owned `<video>` element.
+ *
+ * Vue idioms:
+ *  - `videoRef` accepts a raw `HTMLVideoElement`, a `Ref<...>`, or a
+ *    getter. Pair with `<video ref="video" />` in the template, then
+ *    pass the template ref straight in.
+ *  - The composable never injects DOM nor overrides layout.
+ *  - On scope disposal (or when `media` changes) the composable calls
+ *    `media.revoke()` to free the object URL.
+ *
+ * @param videoRef - Reactive reference to the `<video>` element.
+ * @param media    - Video handle from {@link useVideo}.
+ * @param options  - Auto-play toggle.
+ */
+declare function useVideoPlayer(videoRef: MaybeRefOrGetter<HTMLVideoElement | null | undefined>, media: MaybeRefOrGetter<VideoMedia | undefined>, options?: UseVideoPlayerOptions): VideoPlayerHandle;
+//#endregion
+export { UseVideoPlayerOptions, VideoPlayerHandle, useVideoPlayer };
+//# sourceMappingURL=use-video-player.d.cts.map

package/dist/use-video-player.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-video-player.d.cts","names":[],"sources":["../src/use-video-player.ts"],"mappings":";;;;;;UAYiB,qBAAA;EAAA;;;;;EAMf,QAAA;AAAA;;;;;;UAQe,iBAAA;EAAA,SACN,MAAA,EAAQ,QAAA,CAAS,GAAA,CAAI,YAAA;EAC9B,IAAA;EACA,KAAA;EACA,IAAA;EACA,MAAA;EACA,KAAA;EAawB;;;;;EAPxB,SAAA,IAAa,OAAA;EAAA,SAEJ,WAAA,EAAa,QAAA,CAAS,GAAA;EAX/B;EAAA,SAaS,QAAA,EAAU,QAAA,CAAS,GAAA;EAC5B,IAAA,CAAK,OAAA;EAAA,SAEI,KAAA,EAAO,QAAA,CAAS,GAAA,CAAI,KAAA;AAAA;;;;;;;;;;;;;;;;iBAkBf,cAAA,CACd,QAAA,EAAU,gBAAA,CAAiB,gBAAA,sBAC3B,KAAA,EAAO,gBAAA,CAAiB,UAAA,eACxB,OAAA,GAAU,qBAAA,GACT,iBAAA"}

package/dist/use-video-player.d.ts

@@ -0,0 +1,57 @@
+import { PlayerStatus } from "./use-audio-player.js";
+import { MaybeRefOrGetter, Ref } from "vue";
+import { VideoMedia } from "@langchain/langgraph-sdk/stream";
+
+//#region src/use-video-player.d.ts
+/** Options for {@link useVideoPlayer}. */
+interface UseVideoPlayerOptions {
+  /**
+   * Start playback as soon as the blob URL resolves. Subject to
+   * browser autoplay policies — pair with `<video muted>` to bypass
+   * the user-gesture requirement.
+   */
+  autoPlay?: boolean;
+}
+/**
+ * Controls + live state returned by {@link useVideoPlayer}. Mirrors
+ * {@link AudioPlayerHandle} on the shared subset so callers only ever
+ * learn one shape.
+ */
+interface VideoPlayerHandle {
+  readonly status: Readonly<Ref<PlayerStatus>>;
+  play(): void;
+  pause(): void;
+  stop(): void;
+  toggle(): void;
+  reset(): void;
+  /**
+   * Resolve on the next terminal transition (`finished` / `paused` /
+   * `idle`). Reject on transitions to `"error"`. Triggers `play()`
+   * when called.
+   */
+  playToEnd(): Promise<void>;
+  readonly currentTime: Readonly<Ref<number>>;
+  /** Total duration (seconds) once the element has parsed the blob. */
+  readonly duration: Readonly<Ref<number | undefined>>;
+  seek(seconds: number): void;
+  readonly error: Readonly<Ref<Error | undefined>>;
+}
+/**
+ * Bind a {@link VideoMedia} handle to a caller-owned `<video>` element.
+ *
+ * Vue idioms:
+ *  - `videoRef` accepts a raw `HTMLVideoElement`, a `Ref<...>`, or a
+ *    getter. Pair with `<video ref="video" />` in the template, then
+ *    pass the template ref straight in.
+ *  - The composable never injects DOM nor overrides layout.
+ *  - On scope disposal (or when `media` changes) the composable calls
+ *    `media.revoke()` to free the object URL.
+ *
+ * @param videoRef - Reactive reference to the `<video>` element.
+ * @param media    - Video handle from {@link useVideo}.
+ * @param options  - Auto-play toggle.
+ */
+declare function useVideoPlayer(videoRef: MaybeRefOrGetter<HTMLVideoElement | null | undefined>, media: MaybeRefOrGetter<VideoMedia | undefined>, options?: UseVideoPlayerOptions): VideoPlayerHandle;
+//#endregion
+export { UseVideoPlayerOptions, VideoPlayerHandle, useVideoPlayer };
+//# sourceMappingURL=use-video-player.d.ts.map

package/dist/use-video-player.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-video-player.d.ts","names":[],"sources":["../src/use-video-player.ts"],"mappings":";;;;;;UAYiB,qBAAA;EAAA;;;;;EAMf,QAAA;AAAA;;;;;;UAQe,iBAAA;EAAA,SACN,MAAA,EAAQ,QAAA,CAAS,GAAA,CAAI,YAAA;EAC9B,IAAA;EACA,KAAA;EACA,IAAA;EACA,MAAA;EACA,KAAA;EAawB;;;;;EAPxB,SAAA,IAAa,OAAA;EAAA,SAEJ,WAAA,EAAa,QAAA,CAAS,GAAA;EAX/B;EAAA,SAaS,QAAA,EAAU,QAAA,CAAS,GAAA;EAC5B,IAAA,CAAK,OAAA;EAAA,SAEI,KAAA,EAAO,QAAA,CAAS,GAAA,CAAI,KAAA;AAAA;;;;;;;;;;;;;;;;iBAkBf,cAAA,CACd,QAAA,EAAU,gBAAA,CAAiB,gBAAA,sBAC3B,KAAA,EAAO,gBAAA,CAAiB,UAAA,eACxB,OAAA,GAAU,qBAAA,GACT,iBAAA"}

package/dist/use-video-player.js

@@ -0,0 +1,212 @@
+import { onScopeDispose, ref, toValue, watch } from "vue";
+//#region src/use-video-player.ts
+/**
+* Bind a {@link VideoMedia} handle to a caller-owned `<video>` element.
+*
+* Vue idioms:
+*  - `videoRef` accepts a raw `HTMLVideoElement`, a `Ref<...>`, or a
+*    getter. Pair with `<video ref="video" />` in the template, then
+*    pass the template ref straight in.
+*  - The composable never injects DOM nor overrides layout.
+*  - On scope disposal (or when `media` changes) the composable calls
+*    `media.revoke()` to free the object URL.
+*
+* @param videoRef - Reactive reference to the `<video>` element.
+* @param media    - Video handle from {@link useVideo}.
+* @param options  - Auto-play toggle.
+*/
+function useVideoPlayer(videoRef, media, options) {
+	const autoPlay = options?.autoPlay ?? false;
+	const status = ref("idle");
+	const error = ref(void 0);
+	const currentTime = ref(0);
+	const duration = ref(void 0);
+	let shouldPlay = false;
+	let pendingResolve = null;
+	let pendingReject = null;
+	const resolvePending = () => {
+		const r = pendingResolve;
+		pendingResolve = null;
+		pendingReject = null;
+		r?.();
+	};
+	const rejectPending = (err) => {
+		const r = pendingReject;
+		pendingResolve = null;
+		pendingReject = null;
+		r?.(err);
+	};
+	watch(() => status.value, (s) => {
+		if (s === "finished" || s === "paused" || s === "idle") resolvePending();
+		else if (s === "error") rejectPending(error.value ?? /* @__PURE__ */ new Error("playback error"));
+	});
+	const getVideo = () => toValue(videoRef) ?? null;
+	const play = () => {
+		if (toValue(media) == null) return;
+		if (status.value === "error") return;
+		shouldPlay = true;
+		const video = getVideo();
+		if (video == null) {
+			status.value = "buffering";
+			return;
+		}
+		video.play().catch((err) => {
+			error.value = err;
+			status.value = "error";
+		});
+	};
+	const pause = () => {
+		shouldPlay = false;
+		getVideo()?.pause();
+		if (status.value === "playing" || status.value === "buffering") status.value = "paused";
+	};
+	const stop = () => {
+		shouldPlay = false;
+		const video = getVideo();
+		if (video != null) {
+			video.pause();
+			video.currentTime = 0;
+		}
+		currentTime.value = 0;
+		status.value = toValue(media) == null ? "idle" : "paused";
+	};
+	const reset = () => {
+		stop();
+		error.value = void 0;
+		duration.value = void 0;
+		status.value = "idle";
+	};
+	const toggle = () => {
+		if (status.value === "playing") pause();
+		else play();
+	};
+	const playToEnd = () => {
+		pendingResolve?.();
+		pendingResolve = null;
+		pendingReject = null;
+		return new Promise((resolve, reject) => {
+			pendingResolve = resolve;
+			pendingReject = reject;
+			play();
+		});
+	};
+	const seek = (seconds) => {
+		const video = getVideo();
+		if (video == null) return;
+		video.currentTime = seconds;
+		currentTime.value = seconds;
+	};
+	let detach = null;
+	const bind = (m, video) => {
+		error.value = void 0;
+		status.value = "buffering";
+		currentTime.value = 0;
+		duration.value = void 0;
+		let cancelled = false;
+		m.objectURL.then((resolved) => {
+			if (cancelled) return;
+			if (video == null) return;
+			video.src = resolved;
+			if (shouldPlay || autoPlay) video.play().catch((err) => {
+				error.value = err;
+				status.value = "error";
+			});
+			else status.value = "paused";
+		}, () => {
+			if (!cancelled) {
+				error.value = /* @__PURE__ */ new Error("media failed to materialise");
+				status.value = "error";
+			}
+		});
+		if (video == null) return () => {
+			cancelled = true;
+			try {
+				m.revoke();
+			} catch {}
+		};
+		const onPlay = () => {
+			if (status.value !== "error") status.value = "playing";
+		};
+		const onPause = () => {
+			if (video.ended) return;
+			if (status.value === "playing") status.value = "paused";
+		};
+		const onEnded = () => {
+			status.value = "finished";
+		};
+		const onTimeUpdate = () => {
+			currentTime.value = video.currentTime;
+		};
+		const onLoadedMetadata = () => {
+			if (Number.isFinite(video.duration)) duration.value = video.duration;
+		};
+		const onError = () => {
+			error.value = /* @__PURE__ */ new Error("HTMLVideoElement error");
+			status.value = "error";
+		};
+		video.addEventListener("play", onPlay);
+		video.addEventListener("pause", onPause);
+		video.addEventListener("ended", onEnded);
+		video.addEventListener("timeupdate", onTimeUpdate);
+		video.addEventListener("loadedmetadata", onLoadedMetadata);
+		video.addEventListener("error", onError);
+		return () => {
+			cancelled = true;
+			video.removeEventListener("play", onPlay);
+			video.removeEventListener("pause", onPause);
+			video.removeEventListener("ended", onEnded);
+			video.removeEventListener("timeupdate", onTimeUpdate);
+			video.removeEventListener("loadedmetadata", onLoadedMetadata);
+			video.removeEventListener("error", onError);
+			try {
+				video.pause();
+				video.removeAttribute("src");
+				video.load();
+			} catch {}
+			try {
+				m.revoke();
+			} catch {}
+		};
+	};
+	watch(() => [toValue(media), toValue(videoRef)], ([m, video]) => {
+		detach?.();
+		detach = null;
+		if (m == null) {
+			status.value = "idle";
+			error.value = void 0;
+			currentTime.value = 0;
+			duration.value = void 0;
+			return;
+		}
+		if (m.error != null) {
+			error.value = new Error(m.error.message);
+			status.value = "error";
+			return;
+		}
+		detach = bind(m, video ?? null);
+	}, {
+		immediate: true,
+		flush: "post"
+	});
+	onScopeDispose(() => {
+		detach?.();
+		detach = null;
+	});
+	return {
+		status,
+		play,
+		pause,
+		stop,
+		toggle,
+		reset,
+		playToEnd,
+		currentTime,
+		duration,
+		seek,
+		error
+	};
+}
+//#endregion
+export { useVideoPlayer };
+
+//# sourceMappingURL=use-video-player.js.map

package/dist/use-video-player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-video-player.js","names":[],"sources":["../src/use-video-player.ts"],"sourcesContent":["import {\n  ref,\n  watch,\n  onScopeDispose,\n  toValue,\n  type MaybeRefOrGetter,\n  type Ref,\n} from \"vue\";\nimport type { VideoMedia } from \"@langchain/langgraph-sdk/stream\";\nimport type { PlayerStatus } from \"./use-audio-player.js\";\n\n/** Options for {@link useVideoPlayer}. */\nexport interface UseVideoPlayerOptions {\n  /**\n   * Start playback as soon as the blob URL resolves. Subject to\n   * browser autoplay policies — pair with `<video muted>` to bypass\n   * the user-gesture requirement.\n   */\n  autoPlay?: boolean;\n}\n\n/**\n * Controls + live state returned by {@link useVideoPlayer}. Mirrors\n * {@link AudioPlayerHandle} on the shared subset so callers only ever\n * learn one shape.\n */\nexport interface VideoPlayerHandle {\n  readonly status: Readonly<Ref<PlayerStatus>>;\n  play(): void;\n  pause(): void;\n  stop(): void;\n  toggle(): void;\n  reset(): void;\n  /**\n   * Resolve on the next terminal transition (`finished` / `paused` /\n   * `idle`). Reject on transitions to `\"error\"`. Triggers `play()`\n   * when called.\n   */\n  playToEnd(): Promise<void>;\n\n  readonly currentTime: Readonly<Ref<number>>;\n  /** Total duration (seconds) once the element has parsed the blob. */\n  readonly duration: Readonly<Ref<number | undefined>>;\n  seek(seconds: number): void;\n\n  readonly error: Readonly<Ref<Error | undefined>>;\n}\n\n/**\n * Bind a {@link VideoMedia} handle to a caller-owned `<video>` element.\n *\n * Vue idioms:\n *  - `videoRef` accepts a raw `HTMLVideoElement`, a `Ref<...>`, or a\n *    getter. Pair with `<video ref=\"video\" />` in the template, then\n *    pass the template ref straight in.\n *  - The composable never injects DOM nor overrides layout.\n *  - On scope disposal (or when `media` changes) the composable calls\n *    `media.revoke()` to free the object URL.\n *\n * @param videoRef - Reactive reference to the `<video>` element.\n * @param media    - Video handle from {@link useVideo}.\n * @param options  - Auto-play toggle.\n */\nexport function useVideoPlayer(\n  videoRef: MaybeRefOrGetter<HTMLVideoElement | null | undefined>,\n  media: MaybeRefOrGetter<VideoMedia | undefined>,\n  options?: UseVideoPlayerOptions\n): VideoPlayerHandle {\n  const autoPlay = options?.autoPlay ?? false;\n\n  const status = ref<PlayerStatus>(\"idle\");\n  const error = ref<Error | undefined>(undefined);\n  const currentTime = ref(0);\n  const duration = ref<number | undefined>(undefined);\n\n  let shouldPlay = false;\n  let pendingResolve: (() => void) | null = null;\n  let pendingReject: ((err: Error) => void) | null = null;\n\n  const resolvePending = () => {\n    const r = pendingResolve;\n    pendingResolve = null;\n    pendingReject = null;\n    r?.();\n  };\n  const rejectPending = (err: Error) => {\n    const r = pendingReject;\n    pendingResolve = null;\n    pendingReject = null;\n    r?.(err);\n  };\n\n  watch(\n    () => status.value,\n    (s) => {\n      if (s === \"finished\" || s === \"paused\" || s === \"idle\") {\n        resolvePending();\n      } else if (s === \"error\") {\n        rejectPending(error.value ?? new Error(\"playback error\"));\n      }\n    }\n  );\n\n  const getVideo = () => toValue(videoRef) ?? null;\n\n  const play = () => {\n    const m = toValue(media);\n    if (m == null) return;\n    if (status.value === \"error\") return;\n    shouldPlay = true;\n    const video = getVideo();\n    if (video == null) {\n      status.value = \"buffering\";\n      return;\n    }\n    video.play().catch((err) => {\n      error.value = err as Error;\n      status.value = \"error\";\n    });\n  };\n\n  const pause = () => {\n    shouldPlay = false;\n    getVideo()?.pause();\n    if (status.value === \"playing\" || status.value === \"buffering\") {\n      status.value = \"paused\";\n    }\n  };\n\n  const stop = () => {\n    shouldPlay = false;\n    const video = getVideo();\n    if (video != null) {\n      video.pause();\n      video.currentTime = 0;\n    }\n    currentTime.value = 0;\n    status.value = toValue(media) == null ? \"idle\" : \"paused\";\n  };\n\n  const reset = () => {\n    stop();\n    error.value = undefined;\n    duration.value = undefined;\n    status.value = \"idle\";\n  };\n\n  const toggle = () => {\n    if (status.value === \"playing\") pause();\n    else play();\n  };\n\n  const playToEnd = (): Promise<void> => {\n    pendingResolve?.();\n    pendingResolve = null;\n    pendingReject = null;\n    return new Promise<void>((resolve, reject) => {\n      pendingResolve = resolve;\n      pendingReject = reject;\n      play();\n    });\n  };\n\n  const seek = (seconds: number) => {\n    const video = getVideo();\n    if (video == null) return;\n    video.currentTime = seconds;\n    currentTime.value = seconds;\n  };\n\n  // Teardown callbacks registered when we bind a media instance.\n  let detach: (() => void) | null = null;\n\n  const bind = (m: VideoMedia, video: HTMLVideoElement | null) => {\n    error.value = undefined;\n    status.value = \"buffering\";\n    currentTime.value = 0;\n    duration.value = undefined;\n\n    let cancelled = false;\n\n    m.objectURL.then(\n      (resolved) => {\n        if (cancelled) return;\n        if (video == null) return;\n        video.src = resolved;\n\n        if (shouldPlay || autoPlay) {\n          video.play().catch((err) => {\n            error.value = err as Error;\n            status.value = \"error\";\n          });\n        } else {\n          status.value = \"paused\";\n        }\n      },\n      () => {\n        if (!cancelled) {\n          error.value = new Error(\"media failed to materialise\");\n          status.value = \"error\";\n        }\n      }\n    );\n\n    if (video == null) {\n      return () => {\n        cancelled = true;\n        try {\n          m.revoke();\n        } catch {\n          // best-effort\n        }\n      };\n    }\n\n    const onPlay = () => {\n      if (status.value !== \"error\") status.value = \"playing\";\n    };\n    const onPause = () => {\n      if (video.ended) return;\n      if (status.value === \"playing\") status.value = \"paused\";\n    };\n    const onEnded = () => {\n      status.value = \"finished\";\n    };\n    const onTimeUpdate = () => {\n      currentTime.value = video.currentTime;\n    };\n    const onLoadedMetadata = () => {\n      if (Number.isFinite(video.duration)) duration.value = video.duration;\n    };\n    const onError = () => {\n      error.value = new Error(\"HTMLVideoElement error\");\n      status.value = \"error\";\n    };\n\n    video.addEventListener(\"play\", onPlay);\n    video.addEventListener(\"pause\", onPause);\n    video.addEventListener(\"ended\", onEnded);\n    video.addEventListener(\"timeupdate\", onTimeUpdate);\n    video.addEventListener(\"loadedmetadata\", onLoadedMetadata);\n    video.addEventListener(\"error\", onError);\n\n    return () => {\n      cancelled = true;\n      video.removeEventListener(\"play\", onPlay);\n      video.removeEventListener(\"pause\", onPause);\n      video.removeEventListener(\"ended\", onEnded);\n      video.removeEventListener(\"timeupdate\", onTimeUpdate);\n      video.removeEventListener(\"loadedmetadata\", onLoadedMetadata);\n      video.removeEventListener(\"error\", onError);\n      try {\n        video.pause();\n        video.removeAttribute(\"src\");\n        video.load();\n      } catch {\n        // best-effort\n      }\n      try {\n        m.revoke();\n      } catch {\n        // best-effort\n      }\n    };\n  };\n\n  // Surface a media-level error immediately and (re)bind on change.\n  watch(\n    () => [toValue(media), toValue(videoRef)] as const,\n    ([m, video]) => {\n      detach?.();\n      detach = null;\n\n      if (m == null) {\n        status.value = \"idle\";\n        error.value = undefined;\n        currentTime.value = 0;\n        duration.value = undefined;\n        return;\n      }\n\n      if (m.error != null) {\n        error.value = new Error(m.error.message);\n        status.value = \"error\";\n        return;\n      }\n\n      detach = bind(m, video ?? null);\n    },\n    { immediate: true, flush: \"post\" }\n  );\n\n  onScopeDispose(() => {\n    detach?.();\n    detach = null;\n  });\n\n  return {\n    status,\n    play,\n    pause,\n    stop,\n    toggle,\n    reset,\n    playToEnd,\n    currentTime,\n    duration,\n    seek,\n    error,\n  };\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@langchain/vue",
-  "version": "0.4.6",
+  "version": "1.0.0",
   "description": "Vue integration for LangGraph & LangChain",
   "type": "module",
   "license": "MIT",
@@ -10,11 +10,13 @@
     "directory": "libs/sdk-vue"
   },
   "dependencies": {
-    "@langchain/langgraph-sdk": "^1.8.10"
+    "@langchain/langgraph-sdk": "1.9.0"
   },
   "devDependencies": {
     "@hono/node-server": "^1.19.13",
-    "@langchain/core": "^1.1.40",
+    "@hono/node-ws": "^1.3.0",
+    "@langchain/core": "^1.1.44",
+    "@langchain/protocol": "^0.0.15",
     "@types/node": "^25.4.0",
     "@vitejs/plugin-vue": "^6.0.5",
     "@vitejs/plugin-vue-jsx": "^5.1.5",
@@ -22,19 +24,19 @@
     "@vitest/browser-webdriverio": "^4.0.18",
     "deepagents": "^1.8.3",
     "hono": "^4.12.14",
-    "langchain": "^1.3.0",
+    "langchain": "^1.3.5",
     "typescript": "^5.9.3",
     "vitest": "^4.0.18",
     "vitest-browser-vue": "^2.1.0",
     "vue": "^3.5.31",
     "webdriverio": "^9.25.0",
     "zod": "^4.3.6",
-    "@langchain/langgraph": "1.2.9",
-    "@langchain/langgraph-api": "1.1.17",
-    "@langchain/langgraph-checkpoint": "1.0.1"
+    "@langchain/langgraph": "1.3.0",
+    "@langchain/langgraph-api": "1.2.0",
+    "@langchain/langgraph-checkpoint": "1.0.2"
   },
   "peerDependencies": {
-    "@langchain/core": "^1.1.27",
+    "@langchain/core": "^1.1.44",
     "vue": "^3.0.0"
   },
   "main": "./dist/index.js",