@banou/ripple 0.0.19 → 0.0.21

package/fkn.json

@@ -1 +1 @@
-{"v":0,"app":"fkn:app:1c7clnsv53zt7dr7q7rcbt455hxauykaxl4gibkuoao24dfmk2eqq","name":"Ripple","version":"0.0.19","key":"vB+5jsZMRya/m8nc1Ba6qNELaua1jUjbGj90dEzuaF0=","issuedAt":1791753174,"perSource":["npm:@banou/ripple"],"url":"https://torrent.fkn.app/","contentsDigest":"7FscK+eLR31ZkexXBfvD+VBbUQTd5eL774cJhAv0hD4=","sig":"l+qafgjjwIoNrp4Mmu1cDpmmPI7+LgFdexdCyXtaKFuW2bP5pAuAKlSEYxrnf0t5YFsgcGlLDh8AYwX/vxcPCA==","contents":{"name":"@banou/ripple","version":"0.0.19","alg":"sha256","files":{"README.md":"BhsiYnbFSdDOWa6Mzt2EjUghpTfW5AQmhg+xkIck48A=","_headers":"/3GnajpvIIUp907PK8pIPx9H2wEmJgfEbrC3BKNLlgo=","api-DIgTslNb-BSzu7eku.js":"Bz7w65kFdIVwnCSxUxxNXi7LPH2Mta0M1aKoM+0OPss=","api-d5i206BT.js":"WRWCiUcBoC7+asLldepnOURaCl2SqA418OC96ZZBFeU=","app.webmanifest":"gIWmbT8RLQZNhLkGKZKO8zLWTEX3F1Dj7RAjIr1zEcQ=","assets/empty-BvRk9kiK.js":"47DEQpj8HBSa+/TImW+5JCeuQeRkm5NMpJWZG3hSuFU=","assets/libtorrent-CnjRmD5O.js":"q09wBuBpwNzmPkmd5o3ue+rzrClzBmDQkwsHPFZrCKs=","assets/logo.png":"/u2ZiOWTOJxhO6AxbamaptNtn+kUxlrAiPncAEyqwIM=","assets/logo.svg":"3Ciuaqc0v2MjXzWy8x8yLaYwZsDdM0m1H42lzdQPKTg=","assets/sintel.torrent":"TI/a0EFLR2dUag+S/j1mCmbtwyRxh056HPqXEgMXuEo=","assets/worker-i0pDn8fp.js":"zarmKx7XSTiYIuw2YjdwIsqV/NzwyNrYbqXYgiATQa8=","build-JdIfVZn7.js":"aIaK4j25GqAT2a1E+/Cwt+JRgmGKJTHysNMYPog5+gc=","index.html":"NzDOFOXPmq6jpxfz7igvOO2ti9cLkmZSJm1K3NhBxNE=","index.js":"R+y7/07Ra9QSNEvGDIdMgkI/CFHNclXlems//n1iHUQ=","jassub/default.woff2":"iGkpkDcHxbsosHzS7taZIbPV71xJxzoN0eGH6/ZUakw=","jassub/fonts.js":"JFrcfQn7ONAEVBPA8HdbKDW9YM3BYoIKvVpwHPdwMhw=","jassub/jassub-assets.js":"LkOyTls8XUtOqkH3PzaW5tDCgxL/e+3exAOIUP0F53Q=","jassub/jassub-worker-modern.wasm":"2ryQh6ZZOS3g/IbRZ8h6CF/HUA8xRabX9L8kMsxlDAM=","jassub/jassub-worker.js":"bakeHatafNtt0otborw+KQ/nnI5yRZ9aH7AUU9dnFS4=","jassub/jassub-worker.wasm":"IEZIYFRcqKpiSk7Fbv9FqzgDd89yR8MfQDY0IHeDbtE=","jassub/worker.js":"GkJ90cst1LkPx1b3tixhjcZBxzQ/o0h3VQMtYQJ3hA4=","libav-jspi.wasm":"MEAQ3i+O1ZSYGVqP9UyRpdM4zdydljX7mX3+5blHXcA=","libav-worker.js":"DbxMU+90HP9hRjy5mHqhkVBxMSTAHtSnXgvpAe3gZy0=","libav.wasm":"cu4WLx4dsl85gHuQdU5EY6H9btNctu9kkPDcRPc102g=","package.json":"YGvdO/mj9Wtb11D6OOZH2qs0ED7wmkoiwATHiXe7iIE=","remote-U0iHKFtw.js":"HVcgm0wvam8DUylwOFv8m2zGp8hmkw3fLu7nS48+DF8=","sw.js":"lYZp9wakPNK3ulmGSKnxUoC94bIXmqI0k3Emd7UdO4Y=","volume-normalizer-worklet.js":"uERAQN4GaSzVMTY5hfsqvFH25HBOohimVr3HwLUM3WM="},"types":{"README.md":"text/markdown","_headers":"application/octet-stream","api-DIgTslNb-BSzu7eku.js":"text/javascript","api-d5i206BT.js":"text/javascript","app.webmanifest":"application/manifest+json","assets/empty-BvRk9kiK.js":"text/javascript","assets/libtorrent-CnjRmD5O.js":"text/javascript","assets/logo.png":"image/png","assets/logo.svg":"image/svg+xml","assets/sintel.torrent":"application/octet-stream","assets/worker-i0pDn8fp.js":"text/javascript","build-JdIfVZn7.js":"text/javascript","index.html":"text/html","index.js":"text/javascript","jassub/default.woff2":"font/woff2","jassub/fonts.js":"text/javascript","jassub/jassub-assets.js":"text/javascript","jassub/jassub-worker-modern.wasm":"application/wasm","jassub/jassub-worker.js":"text/javascript","jassub/jassub-worker.wasm":"application/wasm","jassub/worker.js":"text/javascript","libav-jspi.wasm":"application/wasm","libav-worker.js":"text/javascript","libav.wasm":"application/wasm","package.json":"application/json","remote-U0iHKFtw.js":"text/javascript","sw.js":"text/javascript","volume-normalizer-worklet.js":"text/javascript"}},"keys":{"app":"fkn:app:1c7clnsv53zt7dr7q7rcbt455hxauykaxl4gibkuoao24dfmk2eqq","serial":1790278249316,"issuedAt":1790278249,"founder":{"kind":"fkn","seed":"fsqkqngttg4s2gpm23qiz5nonk"},"signer":"fkn-1","name":"Ripple","members":[{"key":"vB+5jsZMRya/m8nc1Ba6qNELaua1jUjbGj90dEzuaF0=","since":1790278249}],"sig":"1ulbdoxt48ngFVZw6Oufds/QhcKE2+KRG7ZQqShFVPeiPyoLGH2IR3m8CmeSOxe3tA7oTmAGKSc4vWZ6pAuFDQ=="}}
+{"v":0,"app":"fkn:app:1c7clnsv53zt7dr7q7rcbt455hxauykaxl4gibkuoao24dfmk2eqq","name":"Ripple","version":"0.0.21","key":"vB+5jsZMRya/m8nc1Ba6qNELaua1jUjbGj90dEzuaF0=","issuedAt":1791812061,"perSource":["npm:@banou/ripple"],"url":"https://torrent.fkn.app/","contentsDigest":"YFFyqoUlElPh6311/chax1hTYayVO+dU+d9PUrxqxJ0=","sig":"Fl8XSUO9GOvF5MVcaE3hEYsMHZK8k9H8bBTNTPv0E+mRKTttArbUsImBuenZrj0X6hnuzBbEXkUPPoJIolzlAw==","contents":{"name":"@banou/ripple","version":"0.0.21","alg":"sha256","files":{"README.md":"BhsiYnbFSdDOWa6Mzt2EjUghpTfW5AQmhg+xkIck48A=","_headers":"/3GnajpvIIUp907PK8pIPx9H2wEmJgfEbrC3BKNLlgo=","api-DIgTslNb-BSzu7eku.js":"Bz7w65kFdIVwnCSxUxxNXi7LPH2Mta0M1aKoM+0OPss=","api-d5i206BT.js":"WRWCiUcBoC7+asLldepnOURaCl2SqA418OC96ZZBFeU=","app.webmanifest":"gIWmbT8RLQZNhLkGKZKO8zLWTEX3F1Dj7RAjIr1zEcQ=","assets/empty-BvRk9kiK.js":"47DEQpj8HBSa+/TImW+5JCeuQeRkm5NMpJWZG3hSuFU=","assets/libtorrent-CnjRmD5O.js":"q09wBuBpwNzmPkmd5o3ue+rzrClzBmDQkwsHPFZrCKs=","assets/logo.png":"/u2ZiOWTOJxhO6AxbamaptNtn+kUxlrAiPncAEyqwIM=","assets/logo.svg":"3Ciuaqc0v2MjXzWy8x8yLaYwZsDdM0m1H42lzdQPKTg=","assets/sintel.torrent":"TI/a0EFLR2dUag+S/j1mCmbtwyRxh056HPqXEgMXuEo=","assets/worker-i0pDn8fp.js":"zarmKx7XSTiYIuw2YjdwIsqV/NzwyNrYbqXYgiATQa8=","build-JdIfVZn7.js":"aIaK4j25GqAT2a1E+/Cwt+JRgmGKJTHysNMYPog5+gc=","index.html":"NzDOFOXPmq6jpxfz7igvOO2ti9cLkmZSJm1K3NhBxNE=","index.js":"N8Rx2uCrcYBoeABJQZ1I7Xqd3RaC34mTB5GH3G3lO34=","jassub/default.woff2":"iGkpkDcHxbsosHzS7taZIbPV71xJxzoN0eGH6/ZUakw=","jassub/fonts.js":"JFrcfQn7ONAEVBPA8HdbKDW9YM3BYoIKvVpwHPdwMhw=","jassub/jassub-assets.js":"LkOyTls8XUtOqkH3PzaW5tDCgxL/e+3exAOIUP0F53Q=","jassub/jassub-worker-modern.wasm":"2ryQh6ZZOS3g/IbRZ8h6CF/HUA8xRabX9L8kMsxlDAM=","jassub/jassub-worker.js":"bakeHatafNtt0otborw+KQ/nnI5yRZ9aH7AUU9dnFS4=","jassub/jassub-worker.wasm":"IEZIYFRcqKpiSk7Fbv9FqzgDd89yR8MfQDY0IHeDbtE=","jassub/worker.js":"GkJ90cst1LkPx1b3tixhjcZBxzQ/o0h3VQMtYQJ3hA4=","libav-jspi.wasm":"MEAQ3i+O1ZSYGVqP9UyRpdM4zdydljX7mX3+5blHXcA=","libav-worker.js":"DbxMU+90HP9hRjy5mHqhkVBxMSTAHtSnXgvpAe3gZy0=","libav.wasm":"cu4WLx4dsl85gHuQdU5EY6H9btNctu9kkPDcRPc102g=","package.json":"ZuyqryfQJ6GjcL0+c1r2h7TTVKxoGjJ+mndxY6havDI=","remote-U0iHKFtw.js":"HVcgm0wvam8DUylwOFv8m2zGp8hmkw3fLu7nS48+DF8=","sw.js":"nIQNRlUyYlyntvhG6tPbKC5sM4I4XtlK7hnuDsxvv98=","volume-normalizer-worklet.js":"uERAQN4GaSzVMTY5hfsqvFH25HBOohimVr3HwLUM3WM="},"types":{"README.md":"text/markdown","_headers":"application/octet-stream","api-DIgTslNb-BSzu7eku.js":"text/javascript","api-d5i206BT.js":"text/javascript","app.webmanifest":"application/manifest+json","assets/empty-BvRk9kiK.js":"text/javascript","assets/libtorrent-CnjRmD5O.js":"text/javascript","assets/logo.png":"image/png","assets/logo.svg":"image/svg+xml","assets/sintel.torrent":"application/octet-stream","assets/worker-i0pDn8fp.js":"text/javascript","build-JdIfVZn7.js":"text/javascript","index.html":"text/html","index.js":"text/javascript","jassub/default.woff2":"font/woff2","jassub/fonts.js":"text/javascript","jassub/jassub-assets.js":"text/javascript","jassub/jassub-worker-modern.wasm":"application/wasm","jassub/jassub-worker.js":"text/javascript","jassub/jassub-worker.wasm":"application/wasm","jassub/worker.js":"text/javascript","libav-jspi.wasm":"application/wasm","libav-worker.js":"text/javascript","libav.wasm":"application/wasm","package.json":"application/json","remote-U0iHKFtw.js":"text/javascript","sw.js":"text/javascript","volume-normalizer-worklet.js":"text/javascript"}},"keys":{"app":"fkn:app:1c7clnsv53zt7dr7q7rcbt455hxauykaxl4gibkuoao24dfmk2eqq","serial":1790278249316,"issuedAt":1790278249,"founder":{"kind":"fkn","seed":"fsqkqngttg4s2gpm23qiz5nonk"},"signer":"fkn-1","name":"Ripple","members":[{"key":"vB+5jsZMRya/m8nc1Ba6qNELaua1jUjbGj90dEzuaF0=","since":1790278249}],"sig":"1ulbdoxt48ngFVZw6Oufds/QhcKE2+KRG7ZQqShFVPeiPyoLGH2IR3m8CmeSOxe3tA7oTmAGKSc4vWZ6pAuFDQ=="}}

package/index.js

@@ -15643,7 +15643,7 @@ function tm(e) {
 	}).join("");
 }
 //#endregion
-//#region node_modules/@banou/media-player/dist/engine-DQ537ehC.js
+//#region node_modules/@banou/media-player/dist/engine-C4Gj_4zs.js
 var nm = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 	index: n,
 	start: e.buffered.start(n),
@@ -15668,8 +15668,8 @@ var nm = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 		updateTimestampOffset: (t) => r(async () => {
 			e.timestampOffset = t;
 		}),
-		endOfStream: () => r(async () => {
-			if (!(t.readyState !== "open" || e.updating)) try {
+		endOfStream: (n = () => !0) => r(async () => {
+			if (t.readyState === "open" && !e.updating && n()) try {
 				t.endOfStream();
 			} catch {}
 		})
@@ -15893,7 +15893,7 @@ var nm = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			let e = nm(T);
 			if (!e.length) return !0;
 			let t = P(), n = e.find((e) => e.start <= t + Sm && t < e.end);
-			return n && n.end >= t + gm ? !1 : !n || n.end < t + _m;
+			return ce() && oe(t) && (!n || n.start <= t) || n && n.end >= t + gm ? !1 : !n || n.end < t + _m;
 		}, ie = (e) => nm(T).find((t) => t.start <= e + Sm && e < t.end), ae = () => ie(t.currentTime), oe = (e = t.currentTime) => {
 			let n = ie(e);
 			return e >= V - .1 || !!n && n.end >= V - .1;
@@ -16006,7 +16006,7 @@ var nm = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 		};
 		t.addEventListener("error", Te), b.push(() => t.removeEventListener("error", Te));
 		let Ee = setInterval(() => {
-			we || t.error || (re().catch(() => {}), de().catch((e) => ne(e, !1)), ce() && !z && oe() && C.readyState === "open" && k().catch(() => {}));
+			we || t.error || (re().catch(() => {}), de().catch((e) => ne(e, !1)), ce() && !z && oe() && C.readyState === "open" && k(() => !j).catch(() => {}));
 		}, 100);
 		return b.push(() => clearInterval(Ee)), {
 			destroy: S,
@@ -21317,82 +21317,90 @@ ${lx}
       }
     }
   }
-`, Px = () => {
-	let e = Y(), t = Y((e) => e.paused), n = Y((e) => e.currentTime), r = Y((e) => e.duration), i = Y((e) => e.seekingTo), a = Y((e) => e.fullscreen), o = Y((e) => e.hideUI), s = Y((e) => e.togglePictureInPicture), c = Y((e) => e.pictureInPictureMode), l = Y((e) => e.burnedInSubtitles), u = Y((e) => e.passThroughPictureInPicture), d = Y((e) => e.subtitleTracks), f = Y((e) => e.requestSeek), [p, m] = (0, O.useState)(null), h = (0, O.useRef)(null), g = (0, O.useRef)(void 0), _ = c === "burn-in", v = d.length > 0, y = r > 0 && n === r, b = (0, O.useCallback)(({ direction: t, stepSize: n }) => {
-		let r = wb(e.volume), i = t === "up" ? n : -n, a = Math.max(0, Math.min(1, r + i)), o = e.muted;
-		e.setVolume(Cb(a)), o && !e.muted && e.toggleMuted();
-	}, [e]);
+`, Px = ({ shortcuts: e = "window", root: t }) => {
+	let n = Y(), r = Y((e) => e.paused), i = Y((e) => e.currentTime), a = Y((e) => e.duration), o = Y((e) => e.seekingTo), s = Y((e) => e.fullscreen), c = Y((e) => e.hideUI), l = Y((e) => e.togglePictureInPicture), u = Y((e) => e.pictureInPictureMode), d = Y((e) => e.burnedInSubtitles), f = Y((e) => e.passThroughPictureInPicture), p = Y((e) => e.subtitleTracks), m = Y((e) => e.requestSeek), [h, g] = (0, O.useState)(null), _ = (0, O.useRef)(null), v = (0, O.useRef)(void 0), y = u === "burn-in", b = p.length > 0, x = a > 0 && i === a, S = (0, O.useCallback)(({ direction: e, stepSize: t }) => {
+		let r = wb(n.volume), i = e === "up" ? t : -t, a = Math.max(0, Math.min(1, r + i)), o = n.muted;
+		n.setVolume(Cb(a)), o && !n.muted && n.toggleMuted();
+	}, [n]), C = (0, O.useRef)(!1);
 	(0, O.useEffect)(() => {
-		let t = (t) => f ? f(t) : e.seek(t), n = (n) => {
-			let r = n.target;
-			if (r?.isContentEditable || /^(input|textarea|select)$/i.test(r?.tagName ?? "")) return;
-			let i = !0;
-			if (n.key === "f") e.toggleFullscreen();
-			else if (n.key === "k") e.togglePaused();
-			else if (n.key === " ") e.togglePaused();
-			else if (n.key === "m") e.toggleMuted();
-			else if (n.key === "ArrowUp") b({
+		let r = (e) => m ? m(e) : n.seek(e), i = (e) => e.composedPath()[0], a = (e) => {
+			C.current = !!t.current?.contains(i(e) ?? null);
+		}, o = (a) => {
+			let o = i(a);
+			if (o?.isContentEditable || /^(input|textarea|select)$/i.test(o?.tagName ?? "")) return;
+			let s = t.current?.contains(o ?? null) || o === document.body && C.current;
+			if (e === "player" && !n.fullscreen && !s) return;
+			let c = !0;
+			if (a.key === "f") n.toggleFullscreen();
+			else if (a.key === "k") n.togglePaused();
+			else if (a.key === " ") n.togglePaused();
+			else if (a.key === "m") n.toggleMuted();
+			else if (a.key === "ArrowUp") S({
 				direction: "up",
 				stepSize: kx
 			});
-			else if (n.key === "ArrowDown") b({
+			else if (a.key === "ArrowDown") S({
 				direction: "down",
 				stepSize: kx
 			});
-			else if (n.key === "ArrowRight") {
-				if (!e.duration) return;
-				t(Math.min(e.currentTime + Ax, e.duration));
-			} else n.key === "ArrowLeft" ? t(Math.max(e.currentTime - Ax, 0)) : i = !1;
-			i && n.preventDefault();
+			else if (a.key === "ArrowRight") {
+				if (!n.duration) return;
+				r(Math.min(n.currentTime + Ax, n.duration));
+			} else a.key === "ArrowLeft" ? r(Math.max(n.currentTime - Ax, 0)) : c = !1;
+			c && a.preventDefault();
+		};
+		return window.addEventListener("keydown", o), window.addEventListener("pointerdown", a, !0), window.addEventListener("focusin", a, !0), () => {
+			window.removeEventListener("keydown", o), window.removeEventListener("pointerdown", a, !0), window.removeEventListener("focusin", a, !0);
 		};
-		return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
 	}, [
+		n,
+		S,
+		m,
 		e,
-		b,
-		f
+		t
 	]);
-	let x = (0, O.useCallback)((e) => {
-		e.preventDefault(), e.deltaY < 0 ? b({
+	let w = (0, O.useCallback)((e) => {
+		e.preventDefault(), e.deltaY < 0 ? S({
 			direction: "up",
 			stepSize: kx
-		}) : b({
+		}) : S({
 			direction: "down",
 			stepSize: kx
 		});
-	}, [b]);
+	}, [S]);
 	(0, O.useEffect)(() => {
-		if (p) return p.addEventListener("wheel", x, { passive: !1 }), () => p.removeEventListener("wheel", x);
-	}, [p, x]);
-	let S = (e) => {
-		if (!u || u.active || u.armed || e.pointerType === "touch") return;
+		if (h) return h.addEventListener("wheel", w, { passive: !1 }), () => h.removeEventListener("wheel", w);
+	}, [h, w]);
+	let T = (e) => {
+		if (!f || f.active || f.armed || e.pointerType === "touch") return;
 		let { left: t, top: n, width: r, height: i } = e.currentTarget.getBoundingClientRect();
-		u.arm({
+		f.arm({
 			left: t,
 			top: n,
 			width: r,
 			height: i
 		});
-	}, C = !!u?.armed;
+	}, E = !!f?.armed;
 	return (0, O.useEffect)(() => {
-		if (!C) return;
-		clearInterval(g.current);
+		if (!E) return;
+		clearInterval(v.current);
 		let e = Infinity, t = setInterval(() => {
 			if (Date.now() > e) {
 				clearInterval(t);
 				return;
 			}
-			let n = h.current, r = document.activeElement;
+			let n = _.current, r = document.activeElement;
 			n && r?.tagName === "IFRAME" && r.closest(".video")?.parentElement?.contains(n) && n.focus({ preventScroll: !0 });
 		}, jx);
-		return g.current = t, () => {
+		return v.current = t, () => {
 			e = Date.now() + Mx;
 		};
-	}, [C]), (0, O.useEffect)(() => () => clearInterval(g.current), []), /* @__PURE__ */ G("div", {
+	}, [E]), (0, O.useEffect)(() => () => clearInterval(v.current), []), /* @__PURE__ */ G("div", {
 		css: Nx,
-		style: { ...o ? {
+		style: { ...c ? {
 			opacity: "0",
 			pointerEvents: "none"
-		} : C ? { pointerEvents: "none" } : {} },
+		} : E ? { pointerEvents: "none" } : {} },
 		children: [/* @__PURE__ */ W(ix, {}), /* @__PURE__ */ G("div", {
 			className: "actions",
 			children: [/* @__PURE__ */ G("div", {
@@ -21404,16 +21412,16 @@ ${lx}
 						text: /* @__PURE__ */ W("button", {
 							className: "play",
 							type: "button",
-							onClick: () => e.togglePaused(),
-							"aria-label": y ? "Replay" : t ? "Play" : "Pause",
-							children: W(y ? Ko : t ? Uo : Ho, {})
+							onClick: () => n.togglePaused(),
+							"aria-label": x ? "Replay" : r ? "Play" : "Pause",
+							children: W(x ? Ko : r ? Uo : Ho, {})
 						}),
-						toolTipText: /* @__PURE__ */ W("span", { children: y ? "Replay (k)" : t ? "Play (k)" : "Pause (k)" })
+						toolTipText: /* @__PURE__ */ W("span", { children: x ? "Replay (k)" : r ? "Play (k)" : "Pause (k)" })
 					}),
-					/* @__PURE__ */ W(Ox, { ref: m }),
+					/* @__PURE__ */ W(Ox, { ref: g }),
 					/* @__PURE__ */ W("div", {
 						className: "time",
-						children: Eb(i ?? n, r)
+						children: Eb(o ?? i, a)
 					})
 				]
 			}), /* @__PURE__ */ G("div", {
@@ -21422,40 +21430,40 @@ ${lx}
 					/* @__PURE__ */ W(_x, {}),
 					/* @__PURE__ */ W(Cx, {}),
 					/* @__PURE__ */ W(xx, {}),
-					u ? /* @__PURE__ */ W(jb, {
+					f ? /* @__PURE__ */ W(jb, {
 						id: "picture-in-picture",
 						tooltipPlace: "top-end",
 						text: /* @__PURE__ */ W("button", {
-							ref: h,
-							className: u.armed ? "picture-in-picture armed" : "picture-in-picture",
+							ref: _,
+							className: f.armed ? "picture-in-picture armed" : "picture-in-picture",
 							type: "button",
-							onPointerEnter: S,
-							onPointerMove: S,
-							onClick: u.active ? u.exit : void 0,
+							onPointerEnter: T,
+							onPointerMove: T,
+							onClick: f.active ? f.exit : void 0,
 							"aria-label": "Picture in picture",
-							"aria-pressed": u.active,
+							"aria-pressed": f.active,
 							children: /* @__PURE__ */ W("img", {
 								src: ax,
 								alt: ""
 							})
 						}),
-						toolTipText: /* @__PURE__ */ W("span", { children: u.active ? "Exit picture in picture" : "Picture in picture" })
-					}) : s ? /* @__PURE__ */ W(jb, {
+						toolTipText: /* @__PURE__ */ W("span", { children: f.active ? "Exit picture in picture" : "Picture in picture" })
+					}) : l ? /* @__PURE__ */ W(jb, {
 						id: "picture-in-picture",
 						tooltipPlace: "top-end",
 						text: /* @__PURE__ */ W("button", {
 							className: "picture-in-picture",
 							type: "button",
-							onClick: s,
-							disabled: _ && !v,
-							"aria-label": _ ? "Put the subtitles in the video" : "Picture in picture",
-							"aria-pressed": _ ? l : void 0,
-							children: _ ? W(l ? sx : cx, {}) : /* @__PURE__ */ W("img", {
+							onClick: l,
+							disabled: y && !b,
+							"aria-label": y ? "Put the subtitles in the video" : "Picture in picture",
+							"aria-pressed": y ? d : void 0,
+							children: y ? W(d ? sx : cx, {}) : /* @__PURE__ */ W("img", {
 								src: ax,
 								alt: ""
 							})
 						}),
-						toolTipText: /* @__PURE__ */ W("span", { children: _ ? v ? l ? "Subtitles are in the picture" : "Put the subtitles in the picture" : "This file has no subtitles" : "Picture in picture" })
+						toolTipText: /* @__PURE__ */ W("span", { children: y ? b ? d ? "Subtitles are in the picture" : "Put the subtitles in the picture" : "This file has no subtitles" : "Picture in picture" })
 					}) : null,
 					/* @__PURE__ */ W(jb, {
 						id: "full-screen",
@@ -21463,12 +21471,12 @@ ${lx}
 						text: /* @__PURE__ */ W("button", {
 							className: "full-screen",
 							type: "button",
-							onClick: () => e.toggleFullscreen(),
+							onClick: () => n.toggleFullscreen(),
 							"aria-label": "Full screen",
-							"aria-pressed": a,
-							children: W(a ? Vo : Bo, {})
+							"aria-pressed": s,
+							children: W(s ? Vo : Bo, {})
 						}),
-						toolTipText: /* @__PURE__ */ W("span", { children: a ? "Exit full screen (f)" : "Full screen (f)" })
+						toolTipText: /* @__PURE__ */ W("span", { children: s ? "Exit full screen (f)" : "Full screen (f)" })
 					})
 				]
 			})]
@@ -21659,6 +21667,9 @@ ${lx}
   align-items: center;
   height: 100%;
   width: 100%;
+  /* focusable with shortcuts='player', and the first key after a click on the picture would otherwise
+     ring the whole player as :focus-visible */
+  outline: none;
 
   & > div:not(:last-of-type) {
     position: absolute;
@@ -21711,85 +21722,89 @@ ${lx}
 		key: r,
 		item: e
 	}];
-}), Yx = ({ ref: e, onVideoRef: t, onSubtitleRef: n, overlay: r, controls: i, children: a }) => {
-	let o = Y(), s = Y((e) => e.hideUI), c = Y((e) => e.setHideUI), l = Y((e) => e.hasMedia), u = Y((e) => e.passThroughPictureInPicture), d = (0, O.useRef)(void 0), f = (0, O.useRef)("mouse"), p = (0, O.useRef)({
+}), Yx = ({ ref: e, onVideoRef: t, onSubtitleRef: n, overlay: r, controls: i, shortcuts: a, children: o }) => {
+	let s = Y(), c = Y((e) => e.hideUI), l = Y((e) => e.setHideUI), u = Y((e) => e.hasMedia), d = Y((e) => e.passThroughPictureInPicture), f = (0, O.useRef)(void 0), p = (0, O.useRef)("mouse"), m = (0, O.useRef)({
 		x: -1,
 		y: -1
-	}), m = (0, O.useRef)(null);
-	(0, O.useEffect)(() => () => clearTimeout(d.current), []), (0, O.useEffect)(() => {
-		l || (clearTimeout(d.current), c(!1));
-	}, [l, c]);
-	let h = () => {
-		l && c(!0);
-	}, g = (t) => {
-		m.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
-	}, _ = () => {
-		if (o.passThroughPictureInPicture?.armed) return !0;
-		if (f.current !== "mouse") return !1;
-		let { x: e, y: t } = p.current;
-		if (!m.current || e < 0) return !1;
-		let n = document.elementFromPoint(e, t);
-		return !!n && m.current.contains(n) && !n.closest(".video");
+	}), h = (0, O.useRef)(null);
+	(0, O.useEffect)(() => () => clearTimeout(f.current), []), (0, O.useEffect)(() => {
+		u || (clearTimeout(f.current), l(!1));
+	}, [u, l]);
+	let g = () => {
+		u && l(!0);
+	}, _ = (t) => {
+		h.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
 	}, v = () => {
-		if (_()) {
-			d.current = setTimeout(v, Wx);
+		if (s.passThroughPictureInPicture?.armed) return !0;
+		if (p.current !== "mouse") return !1;
+		let { x: e, y: t } = m.current;
+		if (!h.current || e < 0) return !1;
+		let n = document.elementFromPoint(e, t);
+		return !!n && h.current.contains(n) && !n.closest(".video");
+	}, y = () => {
+		if (v()) {
+			f.current = setTimeout(y, Wx);
 			return;
 		}
-		h();
-	}, y = () => {
-		c(!1), clearTimeout(d.current), d.current = setTimeout(v, Wx);
+		g();
+	}, b = () => {
+		l(!1), clearTimeout(f.current), f.current = setTimeout(y, Wx);
 	};
 	return /* @__PURE__ */ G("div", {
 		css: qx,
-		ref: g,
+		ref: _,
 		onPointerMove: (e) => {
-			f.current = e.pointerType, e.pointerType === "mouse" && (p.current = {
+			p.current = e.pointerType, e.pointerType === "mouse" && (m.current = {
 				x: e.clientX,
 				y: e.clientY
-			}, y());
+			}, b());
 		},
 		onPointerDown: (e) => {
-			f.current = e.pointerType;
+			p.current = e.pointerType;
 		},
 		onMouseOut: (e) => {
 			let t = e.relatedTarget;
 			if (t && e.currentTarget.contains(t)) return;
 			let { left: n, right: r, top: i, bottom: a } = e.currentTarget.getBoundingClientRect();
-			e.clientX >= n && e.clientX < r && e.clientY >= i && e.clientY < a || (clearTimeout(d.current), h());
+			e.clientX >= n && e.clientX < r && e.clientY >= i && e.clientY < a || (clearTimeout(f.current), g());
 		},
-		className: s ? "hide" : "",
+		className: c ? "hide" : "",
+		tabIndex: a === "player" ? -1 : void 0,
 		children: [
 			/* @__PURE__ */ W(bb, { onSubtitleRef: n }),
 			Jx(r).map(({ key: e, item: t }) => /* @__PURE__ */ W("div", {
 				css: Gx,
-				style: { ...s ? {
+				style: { ...c ? {
 					opacity: "0",
 					visibility: "hidden",
 					pointerEvents: "none"
 				} : {} },
 				children: t
 			}, e)),
-			i === !1 ? null : /* @__PURE__ */ W(Px, {}),
+			i === !1 ? null : /* @__PURE__ */ W(Px, {
+				shortcuts: a,
+				root: h
+			}),
 			/* @__PURE__ */ W(Lx, {}),
 			/* @__PURE__ */ W(Ux, {}),
-			u?.armed && m.current ? /* @__PURE__ */ W("div", {
+			d?.armed && h.current ? /* @__PURE__ */ W("div", {
 				className: "pass-through",
-				style: { clipPath: Kx(u.armed, m.current.getBoundingClientRect()) },
-				onPointerOver: u.disarm
+				style: { clipPath: Kx(d.armed, h.current.getBoundingClientRect()) },
+				onPointerOver: d.disarm
 			}) : null,
 			/* @__PURE__ */ G("div", {
 				className: "video",
 				onClick: () => {
-					if (f.current === "mouse") {
-						o.togglePaused();
+					if (p.current === "mouse") {
+						s.togglePaused();
 						return;
 					}
-					s ? y() : (clearTimeout(d.current), h());
+					c ? b() : (clearTimeout(f.current), g());
 				},
 				children: [t ? /* @__PURE__ */ W("video", {
 					ref: t,
 					playsInline: !0
-				}) : null, a]
+				}) : null, o]
 			})
 		]
 	});
@@ -21904,6 +21919,7 @@ ${lx}
 		onSubtitleRef: v,
 		overlay: e.overlay,
 		controls: e.controls,
+		shortcuts: e.shortcuts,
 		children: t
 	});
 }, Zx = Mt`
@@ -44083,15 +44099,15 @@ var tW = () => window.location.origin + "/?magnet=%s", nW = () => typeof window
 				}),
 				/* @__PURE__ */ G("a", {
 					className: "build",
-					href: "https://github.com/banou26/ripple/commit/fed784f365b1d6413d2786668805e84c78de2d34",
+					href: "https://github.com/banou26/ripple/commit/d1ccfb8abc43d465b2f7ca365f7ee08b5519da09",
 					target: "_blank",
 					rel: "noreferrer",
-					...pz("commit fed784f365b1d6413d2786668805e84c78de2d34"),
+					...pz("commit d1ccfb8abc43d465b2f7ca365f7ee08b5519da09"),
 					children: [
 						"v",
-						"0.0.19",
+						"0.0.21",
 						" · ",
-						"fed784f"
+						"d1ccfb8"
 					]
 				}),
 				/* @__PURE__ */ G("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@banou/ripple",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "type": "module",
   "repository": {
     "type": "git",

package/sw.js

@@ -8,7 +8,7 @@ const live = new Map()
 /* Stamped at build time. These are the dev defaults and must never reach production: a worker whose
    BUILD never changes is never reinstalled, so the update this feature announces would never fire. */
 const MODE = "cache"    // @stamp:mode
-const BUILD = "e7e5e77cf2cbb85e"   // @stamp:build
+const BUILD = "adeb61514283f7e3"   // @stamp:build
 const MANIFEST = [["/api-DIgTslNb-BSzu7eku.js","073ef0eb99057485"],["/api-d5i206BT.js","591582894701a02e"],["/assets/empty-BvRk9kiK.js","e3b0c44298fc1c14"],["/assets/libtorrent-CnjRmD5O.js","ab4f7006e069c0dc"],["/assets/worker-i0pDn8fp.js","cdaae62b1ed74938"],["/build-JdIfVZn7.js","68868ae23db91aa0"],["/remote-U0iHKFtw.js","1d57209b4c2f6a6f"],["/volume-normalizer-worklet.js","b8444040de06692c"]] // @stamp:manifest
 
 const CACHE = 'ripple-assets-' + BUILD