@rinzai/zen 0.14.0 → 0.15.0

package/dist/utils/useMediaPlayer.js

@@ -0,0 +1,91 @@
+"use client";
+import { useCallback as e, useMemo as t, useRef as n, useState as r } from "react";
+//#region packages/utils/useMediaPlayer.ts
+var i = [
+	"play",
+	"pause",
+	"playing",
+	"waiting",
+	"ended",
+	"timeupdate",
+	"durationchange",
+	"loadedmetadata",
+	"progress",
+	"seeking",
+	"volumechange",
+	"ratechange",
+	"emptied",
+	"error"
+], a = {
+	playing: !1,
+	waiting: !1,
+	ended: !1,
+	currentTime: 0,
+	duration: 0,
+	buffered: 0,
+	volume: 1,
+	muted: !1,
+	playbackRate: 1,
+	error: null
+};
+function o(e) {
+	let t = e.currentTime, n = 0;
+	for (let r = 0; r < e.buffered.length; r++) e.buffered.start(r) <= t && t <= e.buffered.end(r) && (n = e.buffered.end(r));
+	return {
+		playing: !e.paused,
+		waiting: !e.paused && e.readyState < HTMLMediaElement.HAVE_FUTURE_DATA,
+		ended: e.ended,
+		currentTime: t,
+		duration: Number.isFinite(e.duration) ? e.duration : 0,
+		buffered: n,
+		volume: e.volume,
+		muted: e.muted,
+		playbackRate: e.playbackRate,
+		error: e.error
+	};
+}
+var s = (e, t) => Object.keys(e).every((n) => Object.is(e[n], t[n]));
+function c() {
+	let [c, l] = r(a), u = n(null), d = e((e) => {
+		if (!e) return;
+		u.current = e;
+		let t = () => l((t) => s(t, o(e)) ? t : o(e));
+		t();
+		for (let n of i) e.addEventListener(n, t);
+		return () => {
+			for (let n of i) e.removeEventListener(n, t);
+			u.current === e && (u.current = null);
+		};
+	}, []), f = t(() => {
+		let e = async () => {
+			try {
+				await u.current?.play();
+			} catch (e) {
+				if (!(e instanceof DOMException && e.name === "AbortError")) throw e;
+			}
+		}, t = () => u.current?.pause();
+		return {
+			play: e,
+			pause: t,
+			toggle: () => u.current?.paused === !1 ? Promise.resolve(t()) : e(),
+			seek: (e) => {
+				let t = u.current;
+				if (!t) return;
+				let n = Number.isFinite(t.duration) ? t.duration : Infinity;
+				t.currentTime = Math.min(Math.max(e, 0), n);
+			},
+			setVolume: (e) => {
+				u.current && (u.current.volume = Math.min(Math.max(e, 0), 1));
+			},
+			setMuted: (e) => {
+				u.current && (u.current.muted = e);
+			}
+		};
+	}, []);
+	return [d, {
+		...c,
+		...f
+	}];
+}
+//#endregion
+export { c as useMediaPlayer };

package/dist/utils/useMediaSession.d.ts

@@ -0,0 +1,24 @@
+import { MediaPlayer } from './useMediaPlayer';
+export interface MediaSessionOptions {
+    title?: string;
+    artist?: string;
+    album?: string;
+    /** Cover art, e.g. `[{ src: '/cover-512.jpg', sizes: '512x512', type: 'image/jpeg' }]`. */
+    artwork?: MediaImage[];
+    /** Shows a previous button on the lock screen and makes the key work. */
+    onPrevious?: () => void;
+    /** Shows a next button on the lock screen and makes the key work. */
+    onNext?: () => void;
+    /** Seconds the skip back and forward buttons move (default 10). */
+    seekOffset?: number;
+}
+/** What useMediaSession needs from a player: useMediaPlayer's, or your own. */
+export type MediaSessionPlayer = Pick<MediaPlayer, 'playing' | 'currentTime' | 'duration' | 'playbackRate' | 'play' | 'pause' | 'seek'>;
+/**
+ * Puts what's playing on the lock screen, the notification shade and the OS
+ * media controls (title, artist, cover, position), and makes play, pause,
+ * seek, previous, next and the keyboard's media keys control your player.
+ * Does nothing where the browser has no Media Session API.
+ */
+export declare function useMediaSession(player: MediaSessionPlayer, options?: MediaSessionOptions): void;
+//# sourceMappingURL=useMediaSession.d.ts.map

package/dist/utils/useMediaSession.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaSession.d.ts","sourceRoot":"","sources":["../../packages/utils/useMediaSession.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,WAAW,mBAAmB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2FAA2F;IAC3F,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,+EAA+E;AAC/E,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACjC,WAAW,EACX,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CACtF,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,kBAAkB,EAAE,OAAO,GAAE,mBAAwB,QAuE5F"}

package/dist/utils/useMediaSession.js

@@ -0,0 +1,76 @@
+"use client";
+import { useEffect as e, useLayoutEffect as t, useRef as n } from "react";
+//#region packages/utils/useMediaSession.ts
+function r(r, i = {}) {
+	let { title: a, artist: o, album: s, artwork: c, onPrevious: l, onNext: u } = i, d = n({
+		player: r,
+		options: i
+	});
+	t(() => {
+		d.current = {
+			player: r,
+			options: i
+		};
+	});
+	let f = typeof navigator < "u" && "mediaSession" in navigator, p = JSON.stringify(c ?? []);
+	e(() => {
+		if (f) return navigator.mediaSession.metadata = new MediaMetadata({
+			title: a,
+			artist: o,
+			album: s,
+			artwork: JSON.parse(p)
+		}), () => {
+			navigator.mediaSession.metadata = null;
+		};
+	}, [
+		f,
+		a,
+		o,
+		s,
+		p
+	]), e(() => {
+		f && (navigator.mediaSession.playbackState = r.playing ? "playing" : "paused");
+	}, [f, r.playing]);
+	let { duration: m, currentTime: h, playbackRate: g } = r;
+	e(() => {
+		if (f) try {
+			m > 0 ? navigator.mediaSession.setPositionState({
+				duration: m,
+				position: Math.min(h, m),
+				playbackRate: g || 1
+			}) : navigator.mediaSession.setPositionState();
+		} catch {}
+	}, [
+		f,
+		m,
+		h,
+		g
+	]);
+	let _ = !!l, v = !!u;
+	e(() => {
+		if (!f) return;
+		let e = () => d.current.options.seekOffset ?? 10, t = () => d.current.player, n = [
+			["play", () => void t().play().catch(() => {})],
+			["pause", () => t().pause()],
+			["seekto", (e) => e.seekTime != null && t().seek(e.seekTime)],
+			["seekbackward", (n) => t().seek(t().currentTime - (n.seekOffset ?? e()))],
+			["seekforward", (n) => t().seek(t().currentTime + (n.seekOffset ?? e()))],
+			["previoustrack", _ ? () => d.current.options.onPrevious?.() : null],
+			["nexttrack", v ? () => d.current.options.onNext?.() : null]
+		], r = (e, t) => {
+			try {
+				navigator.mediaSession.setActionHandler(e, t);
+			} catch {}
+		};
+		for (let [e, t] of n) r(e, t);
+		return () => {
+			for (let [e] of n) r(e, null);
+		};
+	}, [
+		f,
+		_,
+		v
+	]);
+}
+//#endregion
+export { r as useMediaSession };