@vplayer/core 0.2.2 → 0.2.3

package/dist/index.js

@@ -246,17 +246,26 @@ var ee = "vplayer", p = class {
 	ASPECT_RATIO: "aspectRatio"
 }, te = class {
 	storage;
-	constructor(e = new p({ prefix: "vplayer:progress" })) {
-		this.storage = e;
+	maxEntries;
+	constructor(e = new p(), t = 100) {
+		this.storage = e, this.maxEntries = t;
 	}
 	async load(e) {
-		return this.storage.get(encodeURIComponent(e)) ?? null;
+		return this.storage.get("progress")?.[e] ?? null;
 	}
 	async save(e, t) {
-		this.storage.set(encodeURIComponent(e), t);
+		let n = this.storage.get("progress") ?? {};
+		delete n[e], n[e] = t;
+		let r = Object.keys(n);
+		for (; r.length > this.maxEntries;) {
+			let e = r.shift();
+			e !== void 0 && delete n[e];
+		}
+		this.storage.set("progress", n);
 	}
 	async clear(e) {
-		this.storage.remove(encodeURIComponent(e));
+		let t = this.storage.get("progress") ?? {};
+		delete t[e], Object.keys(t).length === 0 ? this.storage.remove("progress") : this.storage.set("progress", t);
 	}
 }, h = class {
 	element;
@@ -657,13 +666,13 @@ function F(e, t) {
 		return e;
 	}
 }
-async function re(e, t, n) {
+async function I(e, t, n) {
 	let r = await fetch(e, { signal: t });
 	if (!r.ok) throw Error(`Failed to fetch thumbnail VTT: ${r.status}`);
 	let i = r.url || e, a = await r.text();
 	return P(n ? await n(a, i) : a).map((e) => (e.src = F(e.src, i), e));
 }
-function I(e, t) {
+function L(e, t) {
 	if (e.length === 0) return null;
 	let n = 0, r = e.length - 1;
 	for (; n <= r;) {
@@ -676,10 +685,10 @@ function I(e, t) {
 }
 //#endregion
 //#region src/state/slices.ts
-function ie() {
-	return new e(L());
+function re() {
+	return new e(R());
 }
-function L() {
+function R() {
 	return {
 		status: "idle",
 		source: null,
@@ -730,7 +739,7 @@ function L() {
 		resumeState: { status: "idle" }
 	};
 }
-var R = (e) => ({
+var ie = (e) => ({
 	status: e.status,
 	source: e.source,
 	isPlaying: e.isPlaying,
@@ -743,10 +752,10 @@ var R = (e) => ({
 	playbackRate: e.playbackRate,
 	isLive: e.isLive,
 	resumeState: e.resumeState
-}), ae = (e) => ({
+}), z = (e) => ({
 	volume: e.volume,
 	isMuted: e.isMuted
-}), z = (e) => ({
+}), B = (e) => ({
 	isLooping: e.isLooping,
 	flip: e.flip,
 	aspectRatio: e.aspectRatio,
@@ -762,30 +771,39 @@ var R = (e) => ({
 	captionSettings: e.captionSettings,
 	activeQuality: e.activeQuality,
 	qualities: e.qualities
-}), B = (e) => ({
+}), ae = (e) => ({
 	controlsVisible: e.controlsVisible,
 	capabilities: e.capabilities,
 	isFullscreen: e.isFullscreen,
 	infoPanelVisible: e.infoPanelVisible,
 	notification: e.notification
-}), oe = (e) => ({
+}), V = (e) => ({
 	controls: e.controls,
 	settings: e.settings,
 	layers: e.layers,
 	contextMenuItems: e.contextMenuItems,
 	contextMenuEnabled: e.contextMenuEnabled
-}), V = (e) => ({ thumbnailCues: e.thumbnailCues }), H = (e) => e.error, U = [
+}), H = (e) => ({ thumbnailCues: e.thumbnailCues }), U = (e) => e.error, W = [
 	"default",
 	"16:9",
 	"4:3",
 	"21:9",
 	"cover",
 	"fill"
-], se = 5e3, ce = 2, le = {
+], oe = 5e3, se = 2;
+function ce(e) {
+	try {
+		let t = new URL(e, typeof document > "u" ? void 0 : document.baseURI);
+		return t.search = "", t.hash = "", t.href;
+	} catch {
+		return e.split(/[?#]/, 1)[0] ?? e;
+	}
+}
+var le = {
 	"16:9": "16 / 9",
 	"4:3": "4 / 3",
 	"21:9": "21 / 9"
-}, ue = {
+}, G = {
 	default: "default",
 	"16:9": "16-9",
 	"4:3": "4-3",
@@ -793,67 +811,68 @@ var R = (e) => ({
 	cover: "cover",
 	fill: "fill"
 };
-function de(e) {
+function ue(e) {
 	e.classList.remove("vplayer--media-default", "vplayer--media-16-9", "vplayer--media-4-3", "vplayer--media-21-9", "vplayer--media-cover", "vplayer--media-fill");
 }
-function fe(e) {
-	return typeof e == "string" && e in ue ? e : "default";
+function de(e) {
+	return typeof e == "string" && e in G ? e : "default";
 }
-function pe(e) {
+function fe(e) {
 	return e === "cover" ? "cover" : e === "fill" ? "fill" : "contain";
 }
-function W(e) {
+function K(e) {
 	return {
 		...e,
 		id: e.id ?? `${e.local ? "local" : "track"}:${e.src ?? e.label}:${e.lang}`
 	};
 }
-function G(e) {
-	let r = ie(), i = { ...e }, o = new t(), s = new p(), c = new a(i.lang);
+function q(e) {
+	let r = re(), i = { ...e }, o = new t(), s = new p(), c = new a(i.lang);
 	i.translations && c.addTranslations(i.lang ?? "en", i.translations);
-	let l = new n(), u = i.reconnectMax ?? 3, ee = i.reconnectSleep ?? 1500, h = null, g = null, _ = null, v = 0, y = NaN, b = null, C = 0, w = null, T = null, E = null, D = null, O = new te(), k = 0, A = !1, M = !1, N = null, P = [], F = !1;
-	function I(e) {
+	let l = new n(), u = i.reconnectMax ?? 3, ee = i.reconnectSleep ?? 1500, h = null, g = null, _ = null, v = 0, y = NaN, b = null, C = 0, w = null, T = null, E = null, D = null, O = new te(), k = 0, A = !1, M = null, N = [], P = !1;
+	function F(e) {
+		let t = e.playbackProgress?.id ?? (e.playbackProgress?.normalizeUrl === !1 ? e.src : ce(e.src));
 		return {
 			generation: k,
-			id: e.playbackProgress?.id ?? e.src,
+			id: t,
 			store: e.playbackProgress?.store ?? O
 		};
 	}
-	let L = I(i);
+	let L = F(i);
 	function R() {
-		if (F) return;
-		let e = P.shift();
-		e && (F = !0, (e.kind === "save" ? e.target.store.save(e.target.id, e.progress) : e.target.store.clear(e.target.id)).catch((t) => {
+		if (P) return;
+		let e = N.shift();
+		e && (P = !0, (e.kind === "save" ? e.target.store.save(e.target.id, e.progress) : e.target.store.clear(e.target.id)).catch((t) => {
 			console.warn(e.kind === "save" ? "[vplayer] playback progress save failed:" : "[vplayer] playback progress clear failed:", t);
 		}).finally(() => {
-			F = !1, R();
+			P = !1, R();
 		}));
 	}
-	function ae(e, t) {
-		let n = P.at(-1);
-		n?.kind === "save" && n.target.generation === e.generation ? n.progress = t : P.push({
+	function ie(e, t) {
+		let n = N.at(-1);
+		n?.kind === "save" && n.target.generation === e.generation ? n.progress = t : N.push({
 			kind: "save",
 			target: e,
 			progress: t
 		}), R();
 	}
 	function z(e) {
-		P.push({
+		N.push({
 			kind: "clear",
 			target: e
 		}), R();
 	}
 	function B(e = L, t = g) {
-		!t || t.ended || !Number.isFinite(t.currentTime) || t.currentTime < 0 || !f(t.duration) || (v = Date.now(), y = t.currentTime, ae(e, {
+		!t || t.ended || r.state.resumeState.status === "prompt" || !Number.isFinite(t.currentTime) || t.currentTime <= 3 || !f(t.duration) || (v = Date.now(), y = t.currentTime, ie(e, {
 			time: t.currentTime,
 			duration: t.duration
 		}));
 	}
-	function oe(e) {
-		!r.state.isPlaying || Date.now() - v < se || Number.isFinite(y) && Math.abs(e.currentTime - y) < ce || B(L, e);
+	function ae(e) {
+		!r.state.isPlaying || Date.now() - v < oe || Number.isFinite(y) && Math.abs(e.currentTime - y) < se || B(L, e);
 	}
 	function V() {
-		k++, L = I(i), A = !1, M = !1, v = 0, y = NaN, r.setState((e) => ({
+		k++, L = F(i), A = !1, v = 0, y = NaN, r.setState((e) => ({
 			...e,
 			resumeState: { status: "idle" }
 		}));
@@ -865,24 +884,20 @@ function G(e) {
 		r.setState((e) => ({
 			...e,
 			resumeState: { status: "loading" }
-		})), t.store.load(t.id).then((a) => {
-			let o = i.autoPlay === !0;
+		})), t.store.load(t.id).then((i) => {
 			if (t.generation === k && e === g) {
-				if (!a || !o && (M || e.currentTime !== 0) || !Number.isFinite(a.time) || !Number.isFinite(a.duration) || a.time <= 3 || a.time >= n - 3 || Math.abs(a.duration - n) > Math.max(1, n * .01)) {
+				if (!i || !Number.isFinite(i.time) || !Number.isFinite(i.duration) || i.time <= 3 || i.time >= n - 3 || Math.abs(i.duration - n) > Math.max(1, n * .01)) {
 					r.setState((e) => ({
 						...e,
 						resumeState: { status: "idle" }
 					}));
 					return;
 				}
-				o ? (e.seek(a.time), r.setState((e) => ({
-					...e,
-					resumeState: { status: "idle" }
-				}))) : r.setState((e) => ({
+				r.setState((e) => ({
 					...e,
 					resumeState: {
 						status: "prompt",
-						progress: a
+						progress: i
 					}
 				}));
 			}
@@ -893,11 +908,11 @@ function G(e) {
 			})), console.warn("[vplayer] playback progress load failed:", n);
 		});
 	}
-	function G(e) {
+	function U(e) {
 		r.setState((t) => {
 			let n = new Map(t.subtitleTracks.map((e) => [e.id, e]));
 			for (let t of e) {
-				let e = W(t);
+				let e = K(t);
 				n.set(e.id, e);
 			}
 			return {
@@ -906,7 +921,7 @@ function G(e) {
 			};
 		});
 	}
-	function K(e) {
+	function q(e) {
 		T?.abort();
 		let t = new AbortController();
 		T = t, r.setState((t) => ({
@@ -931,7 +946,7 @@ function G(e) {
 			}));
 		});
 	}
-	function q() {
+	function J() {
 		let e = (i.subtitleProviders ?? []).map(({ id: e, label: t }) => ({
 			id: e,
 			label: t
@@ -944,7 +959,7 @@ function G(e) {
 			subtitleSearchError: null
 		}));
 	}
-	function me(e = {}) {
+	function pe(e = {}) {
 		E?.abort();
 		let t = i.subtitleProviders ?? [], n = e.providerId ? t.filter((t) => t.id === e.providerId) : t;
 		if (n.length === 0) {
@@ -984,7 +999,7 @@ function G(e) {
 			}));
 		});
 	}
-	function he(e) {
+	function me(e) {
 		T?.abort();
 		let t = (i.subtitleProviders ?? []).find((t) => t.id === e.providerId);
 		if (!t) {
@@ -1004,7 +1019,7 @@ function G(e) {
 			subtitleError: null
 		})), (async () => {
 			try {
-				let i = await t.fetch(e, n.signal), a = W({
+				let i = await t.fetch(e, n.signal), a = K({
 					id: `provider:${t.id}:${e.id}`,
 					lang: e.language,
 					label: e.label,
@@ -1012,7 +1027,7 @@ function G(e) {
 					...i.content === void 0 ? { src: i.src } : { content: i.content }
 				}), o = await j(a, n.signal);
 				if (n.signal.aborted) return;
-				G([a]), r.setState((e) => ({
+				U([a]), r.setState((e) => ({
 					...e,
 					activeSubtitle: a,
 					subtitleCues: o,
@@ -1030,15 +1045,15 @@ function G(e) {
 			}
 		})();
 	}
-	i.subtitles?.length && G(i.subtitles), q();
-	function ge() {
+	i.subtitles?.length && U(i.subtitles), J();
+	function he() {
 		D && typeof navigator < "u" && "mediaSession" in navigator && navigator.mediaSession.metadata === D && (navigator.mediaSession.metadata = null), D = null;
 	}
-	function _e() {
+	function ge() {
 		if (typeof navigator > "u" || !("mediaSession" in navigator) || typeof MediaMetadata > "u") return;
 		let e = i.title?.trim();
 		if (!e) {
-			ge();
+			he();
 			return;
 		}
 		let t = new MediaMetadata({
@@ -1047,60 +1062,60 @@ function G(e) {
 		});
 		navigator.mediaSession.metadata = t, D = t;
 	}
-	function ve() {
+	function _e() {
 		l.register({
 			key: "Space",
 			description: "Toggle play/pause",
 			handler: (e) => {
-				e.preventDefault(), J.togglePlay();
+				e.preventDefault(), Y.togglePlay();
 			}
 		}), l.register({
 			key: "KeyK",
 			description: "Toggle play/pause",
 			handler: (e) => {
-				e.preventDefault(), J.togglePlay();
+				e.preventDefault(), Y.togglePlay();
 			}
 		}), l.register({
 			key: "KeyL",
 			description: "Toggle loop",
 			handler: (e) => {
-				e.preventDefault(), J.toggleLoop();
+				e.preventDefault(), Y.toggleLoop();
 			}
 		}), l.register({
 			key: "KeyI",
 			description: "Toggle info panel",
 			handler: (e) => {
-				e.preventDefault(), J.toggleInfoPanel();
+				e.preventDefault(), Y.toggleInfoPanel();
 			}
 		}), l.register({
 			key: "KeyF",
 			description: "Toggle fullscreen",
 			handler: (e) => {
-				e.preventDefault(), J.toggleFullscreen();
+				e.preventDefault(), Y.toggleFullscreen();
 			}
 		}), l.register({
 			key: "KeyA",
 			description: "Cycle aspect ratio",
 			handler: (e) => {
-				e.preventDefault(), J.cycleAspectRatio();
+				e.preventDefault(), Y.cycleAspectRatio();
 			}
 		}), l.register({
 			key: "KeyM",
 			description: "Toggle mute",
 			handler: (e) => {
-				e.preventDefault(), J.toggleMute();
+				e.preventDefault(), Y.toggleMute();
 			}
 		}), l.register({
 			key: "ArrowLeft",
 			description: "Seek backward 5s",
 			handler: (e) => {
-				e.preventDefault(), J.skip(-5);
+				e.preventDefault(), Y.skip(-5);
 			}
 		}), l.register({
 			key: "ArrowRight",
 			description: "Seek forward 5s",
 			handler: (e) => {
-				e.preventDefault(), J.skip(5);
+				e.preventDefault(), Y.skip(5);
 			}
 		}), l.register({
 			key: "ArrowUp",
@@ -1108,7 +1123,7 @@ function G(e) {
 			handler: (e) => {
 				e.preventDefault();
 				let t = Math.min(1, r.state.volume + .1);
-				J.setVolume(t);
+				Y.setVolume(t);
 			}
 		}), l.register({
 			key: "ArrowDown",
@@ -1116,12 +1131,12 @@ function G(e) {
 			handler: (e) => {
 				e.preventDefault();
 				let t = Math.max(0, r.state.volume - .1);
-				J.setVolume(t);
+				Y.setVolume(t);
 			}
 		});
 	}
-	i.defaultHotkeys !== !1 && ve();
-	function ye() {
+	i.defaultHotkeys !== !1 && _e();
+	function ve() {
 		if (typeof document > "u") return;
 		let e = document;
 		r.setState((t) => ({
@@ -1130,7 +1145,7 @@ function G(e) {
 			capabilities: d(g?.element ?? void 0, h)
 		}));
 	}
-	let J = {
+	let Y = {
 		play: () => {
 			g?.play();
 		},
@@ -1153,6 +1168,12 @@ function G(e) {
 				resumeState: { status: "idle" }
 			})), g?.seek(0), z(e);
 		},
+		dismissSavedProgress: () => {
+			r.setState((e) => ({
+				...e,
+				resumeState: { status: "idle" }
+			}));
+		},
 		seek: (e) => g?.seek(e),
 		skip: (e) => {
 			let t = g;
@@ -1187,7 +1208,7 @@ function G(e) {
 		toggleFullscreen: () => {
 			if (!h || typeof document > "u") return;
 			let e = h, t = document, n = !!(document.fullscreenElement || t.webkitFullscreenElement), r = () => {
-				h?.focus({ preventScroll: !0 }), ye();
+				h?.focus({ preventScroll: !0 }), ve();
 			}, i = n ? typeof document.exitFullscreen == "function" ? document.exitFullscreen() : t.webkitExitFullscreen?.() : typeof h.requestFullscreen == "function" ? h.requestFullscreen() : e.webkitRequestFullscreen?.();
 			Promise.resolve(i).then(r, r);
 		},
@@ -1206,20 +1227,20 @@ function G(e) {
 				}));
 				return;
 			}
-			K(e);
+			q(e);
 		},
 		addSubtitleTrack: (e) => {
-			let t = W(e);
-			G([t]), K(t);
+			let t = K(e);
+			U([t]), q(t);
 		},
 		removeSubtitleTrack: (e) => {
-			r.state.activeSubtitle?.id === e && J.setActiveSubtitle(null), r.setState((t) => ({
+			r.state.activeSubtitle?.id === e && Y.setActiveSubtitle(null), r.setState((t) => ({
 				...t,
 				subtitleTracks: t.subtitleTracks.filter((t) => t.id !== e)
 			}));
 		},
-		searchSubtitles: me,
-		selectSubtitleResult: he,
+		searchSubtitles: pe,
+		selectSubtitleResult: me,
 		clearSubtitleSearch: () => {
 			E?.abort(), E = null, r.setState((e) => ({
 				...e,
@@ -1273,17 +1294,17 @@ function G(e) {
 			}));
 		},
 		setAspectRatio: (e) => {
-			let t = fe(e), n = g?.element;
+			let t = de(e), n = g?.element;
 			if (!n) return;
 			let i = le[t];
-			i ? n.style.setProperty("--vplayer-media-aspect-ratio", i) : n.style.removeProperty("--vplayer-media-aspect-ratio"), n.style.objectFit = pe(t), n.style.setProperty("--vplayer-media-object-fit", pe(t)), h && (de(h), h.classList.add(`vplayer--media-${ue[t]}`)), r.setState((e) => ({
+			i ? n.style.setProperty("--vplayer-media-aspect-ratio", i) : n.style.removeProperty("--vplayer-media-aspect-ratio"), n.style.objectFit = fe(t), n.style.setProperty("--vplayer-media-object-fit", fe(t)), h && (ue(h), h.classList.add(`vplayer--media-${G[t]}`)), r.setState((e) => ({
 				...e,
 				aspectRatio: t
 			}));
 		},
 		cycleAspectRatio: () => {
-			let e = r.state.aspectRatio, t = U[(U.indexOf(e) + 1) % U.length] ?? "default";
-			J.setAspectRatio(t);
+			let e = r.state.aspectRatio, t = W[(W.indexOf(e) + 1) % W.length] ?? "default";
+			Y.setAspectRatio(t);
 		},
 		toggleLoop: () => {
 			let e = g;
@@ -1299,13 +1320,10 @@ function G(e) {
 			}));
 		}
 	};
-	function be(e) {
+	function ye(e) {
 		return [
 			e.on("play", () => {
-				M = !0, r.setState((e) => ({
-					...e,
-					resumeState: { status: "idle" }
-				})), _e(), r.setState((e) => ({
+				ge(), r.setState((e) => ({
 					...e,
 					status: "playing",
 					isPlaying: !0,
@@ -1327,9 +1345,9 @@ function G(e) {
 			}),
 			e.on("ended", () => {
 				v = 0, y = NaN;
-				for (let e = P.length - 1; e >= 0; e--) {
-					let t = P[e];
-					t?.kind === "save" && t.target.generation === L.generation && P.splice(e, 1);
+				for (let e = N.length - 1; e >= 0; e--) {
+					let t = N[e];
+					t?.kind === "save" && t.target.generation === L.generation && N.splice(e, 1);
 				}
 				z(L), r.setState((e) => ({
 					...e,
@@ -1346,7 +1364,7 @@ function G(e) {
 				r.setState((t) => ({
 					...t,
 					currentTime: e.currentTime
-				})), i.onTimeUpdate?.(e.currentTime), oe(e);
+				})), i.onTimeUpdate?.(e.currentTime), ae(e);
 			}),
 			e.on("loadedmetadata", () => {
 				b !== null && (clearTimeout(b), b = null), C = 0, r.setState((t) => ({
@@ -1404,13 +1422,12 @@ function G(e) {
 				})), B(L, e);
 			}),
 			e.on("playing", () => {
-				M = !0, r.setState((e) => ({
+				r.setState((e) => ({
 					...e,
 					status: "playing",
 					isPlaying: !0,
 					isPaused: !1,
-					isBuffering: !1,
-					resumeState: { status: "idle" }
+					isBuffering: !1
 				}));
 			}),
 			e.on("volumechange", () => {
@@ -1461,8 +1478,8 @@ function G(e) {
 			})
 		];
 	}
-	let Y = null;
-	function xe() {
+	let X = null;
+	function be() {
 		if (!i.persistPreferences) return;
 		let e = s.get(m.VOLUME), t = s.get(m.MUTED), n = s.get(m.PLAYBACK_RATE), a = s.get(m.LOOP), o = s.get(m.FLIP), c = s.get(m.ASPECT_RATIO), l = s.get(m.CAPTION_SETTINGS);
 		r.setState((r) => ({
@@ -1472,21 +1489,24 @@ function G(e) {
 			playbackRate: n ?? r.playbackRate,
 			isLooping: a ?? r.isLooping,
 			flip: o ?? r.flip,
-			aspectRatio: fe(c),
+			aspectRatio: de(c),
 			captionSettings: l ? {
 				...S,
 				...l,
 				backgroundOpacity: Math.max(0, Math.min(1, l.backgroundOpacity))
 			} : r.captionSettings
-		})), Y = r.subscribe(() => {
+		})), X = r.subscribe(() => {
 			let e = r.state;
 			e.volume !== 1 && s.set(m.VOLUME, e.volume), e.isMuted && s.set(m.MUTED, !0), e.playbackRate !== 1 && s.set(m.PLAYBACK_RATE, e.playbackRate), e.isLooping ? s.set(m.LOOP, !0) : s.remove(m.LOOP), e.flip === "normal" ? s.remove(m.FLIP) : s.set(m.FLIP, e.flip), e.aspectRatio === "default" ? s.remove(m.ASPECT_RATIO) : s.set(m.ASPECT_RATIO, e.aspectRatio), s.set(m.CAPTION_SETTINGS, e.captionSettings);
 		});
 	}
-	function Se() {
-		Y &&= (Y.unsubscribe(), null);
+	function xe() {
+		if (X) {
+			let e = X;
+			typeof e == "function" ? e() : e.unsubscribe(), X = null;
+		}
 	}
-	function X(e) {
+	function Z(e) {
 		if (w?.abort(), w = null, !e) {
 			r.setState((e) => ({
 				...e,
@@ -1495,7 +1515,7 @@ function G(e) {
 			return;
 		}
 		let t = new AbortController();
-		w = t, re(e, t.signal, i.transformThumbnailVTT).then((e) => {
+		w = t, I(e, t.signal, i.transformThumbnailVTT).then((e) => {
 			t.signal.aborted || r.setState((t) => ({
 				...t,
 				thumbnailCues: e
@@ -1507,11 +1527,11 @@ function G(e) {
 			})));
 		});
 	}
-	function Ce(e) {
+	function Se(e) {
 		return {
 			name: e,
 			store: r,
-			remote: J,
+			remote: Y,
 			events: o,
 			storage: s,
 			hotkeys: l,
@@ -1590,15 +1610,15 @@ function G(e) {
 			}
 		};
 	}
-	let Z = [];
-	function we(e = !0) {
+	let Q = [];
+	function Ce(e = !0) {
 		b !== null && (clearTimeout(b), b = null), C = 0;
-		for (let e of Z) e();
-		Z = [], g && (e && B(L, g), g.destroy(), g = null, $.engine = null);
+		for (let e of Q) e();
+		Q = [], g && (e && B(L, g), g.destroy(), g = null, $.engine = null);
 	}
-	function Q(e) {
+	function we(e) {
 		let t = x(i), n = ne(e, i);
-		g = n, $.engine = n, Z = be(n), e.playsInline = !0, e.autoplay = !!i.autoPlay, e.preload = e.preload || "metadata", r.setState((n) => ({
+		g = n, $.engine = n, Q = ye(n), e.playsInline = !0, e.autoplay = !!i.autoPlay, e.preload = e.preload || "metadata", r.setState((n) => ({
 			...n,
 			status: "loading",
 			source: t,
@@ -1616,13 +1636,13 @@ function G(e) {
 	function Te(e = !0) {
 		let t = g?.element;
 		if (t) {
-			for (we(e), t.pause(), t.removeAttribute("src"); t.firstChild;) t.removeChild(t.firstChild);
-			t.load(), Q(t);
+			for (Ce(e), t.pause(), t.removeAttribute("src"); t.firstChild;) t.removeChild(t.firstChild);
+			t.load(), we(t);
 		}
 	}
 	let $ = {
 		store: r,
-		remote: J,
+		remote: Y,
 		events: o,
 		storage: s,
 		i18n: c,
@@ -1632,30 +1652,30 @@ function G(e) {
 			let t = typeof e.src == "string" && e.src !== i.src, n = Object.hasOwn(e, "type") && e.type !== i.type, a = Object.hasOwn(e, "thumbnails") && e.thumbnails !== i.thumbnails, o = Object.hasOwn(e, "transformThumbnailVTT") && e.transformThumbnailVTT !== i.transformThumbnailVTT, s = Object.hasOwn(e, "subtitleProviders") && e.subtitleProviders !== i.subtitleProviders, c = {
 				...i,
 				...e
-			}, l = I(c), u = l.id !== L.id || l.store !== L.store;
-			if ((t || u) && B(L, g), i = c, (t || u) && V(), (r.state.isPlaying || D) && _e(), r.setState((t) => {
+			}, l = F(c), u = l.id !== L.id || l.store !== L.store;
+			if ((t || u) && B(L, g), i = c, (t || u) && V(), (r.state.isPlaying || D) && ge(), r.setState((t) => {
 				let n = e.qualities ?? t.qualities;
 				return {
 					...t,
 					qualities: n,
 					activeQuality: e.qualities ? e.qualities.includes(t.activeQuality) ? t.activeQuality : e.qualities[0] ?? "Auto" : t.activeQuality
 				};
-			}), e.subtitles && (G(e.subtitles), !r.state.activeSubtitle)) {
+			}), e.subtitles && (U(e.subtitles), !r.state.activeSubtitle)) {
 				let t = e.subtitles.find((e) => e.default) ?? null;
-				t && J.setActiveSubtitle(W(t));
+				t && Y.setActiveSubtitle(K(t));
 			}
-			s && (E?.abort(), E = null, q()), (a || o) && X(i.thumbnails), t || n ? Te(!(t || u)) : u && g && f(g.duration) && H(g);
+			s && (E?.abort(), E = null, J()), (a || o) && Z(i.thumbnails), t || n ? Te(!(t || u)) : u && g && f(g.duration) && H(g);
 		},
 		setThumbnails(e) {
 			i = {
 				...i,
 				thumbnails: e
-			}, X(e);
+			}, Z(e);
 		},
 		initPlugins(e) {
 			let t = [];
 			for (let n of e) {
-				let e = Ce(n.name);
+				let e = Se(n.name);
 				try {
 					let r = n.setup?.(e);
 					typeof r == "function" && t.push(r);
@@ -1672,12 +1692,12 @@ function G(e) {
 			};
 		},
 		mount(e, t) {
-			g && this.unmount(), h = t, Q(e), _ = ye, document.addEventListener("fullscreenchange", _), document.addEventListener("webkitfullscreenchange", _), N = () => B(), window.addEventListener("pagehide", N), X(i.thumbnails);
+			g && this.unmount(), h = t, we(e), _ = ve, document.addEventListener("fullscreenchange", _), document.addEventListener("webkitfullscreenchange", _), M = () => B(), window.addEventListener("pagehide", M), Z(i.thumbnails);
 			let n = r.state.subtitleTracks.find((e) => e.default);
-			n && J.setActiveSubtitle(n), xe(), J.setAspectRatio(r.state.aspectRatio);
+			n && Y.setActiveSubtitle(n), be(), Y.setAspectRatio(r.state.aspectRatio);
 		},
 		unmount() {
-			we(), V(), ge(), h = null, w?.abort(), w = null, T?.abort(), T = null, E?.abort(), E = null, Se(), b !== null && (clearTimeout(b), b = null), _ &&= (document.removeEventListener("fullscreenchange", _), document.removeEventListener("webkitfullscreenchange", _), null), N &&= (window.removeEventListener("pagehide", N), null), r.setState((e) => ({
+			Ce(), V(), he(), h = null, w?.abort(), w = null, T?.abort(), T = null, E?.abort(), E = null, xe(), b !== null && (clearTimeout(b), b = null), _ &&= (document.removeEventListener("fullscreenchange", _), document.removeEventListener("webkitfullscreenchange", _), null), M &&= (window.removeEventListener("pagehide", M), null), r.setState((e) => ({
 				...e,
 				activeSubtitle: null,
 				subtitleTracks: e.subtitleTracks.filter((e) => !e.local),
@@ -1699,7 +1719,7 @@ function G(e) {
 }
 //#endregion
 //#region src/gesture-engine.ts
-function K(e, t) {
+function J(e, t) {
 	let n = null, r = null, i = null, a = typeof window < "u" && "ontouchstart" in window;
 	function o(t) {
 		if (!a || t.touches.length !== 1) return;
@@ -1759,7 +1779,7 @@ function K(e, t) {
 }
 //#endregion
 //#region src/utils.ts
-function q(e) {
+function pe(e) {
 	if (!Number.isFinite(e) || e < 0) return "0:00";
 	let t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), r = Math.floor(e % 60);
 	return t > 0 ? `${t}:${String(n).padStart(2, "0")}:${String(r).padStart(2, "0")}` : `${n}:${String(r).padStart(2, "0")}`;
@@ -1831,6 +1851,7 @@ var me = {
 	continue: "Continue",
 	continuePlay: "Continue playing at",
 	continueStartOver: "Start over",
+	dismiss: "Dismiss",
 	error: "An error occurred",
 	retry: "Retry",
 	contextMenuPlay: "Play",
@@ -1840,4 +1861,4 @@ var me = {
 	loop: "Loop"
 };
 //#endregion
-export { h as BaseMediaEngine, v as DashMediaEngine, t as EventBus, _ as HlsMediaEngine, n as HotkeyRegistry, a as I18n, te as LocalPlaybackProgressStore, g as NativeVideoEngine, m as STORAGE_KEYS, p as Storage, c as canUseFullscreen, o as canUseMSE, s as canUseNativeHLS, l as canUsePictureInPicture, u as canUseTextTracks, K as createGestureEngine, ie as createMediaStore, G as createPlayer, ne as createResolvedMediaEngine, me as defaultPlayerLabels, b as detectSourceKind, j as fetchSubtitles, re as fetchThumbnails, q as formatTime, M as getActiveCue, L as getInitialMediaState, d as getMediaCapabilities, I as getThumbnailAtTime, f as isFiniteDuration, O as parseSRT, A as parseSubtitles, P as parseThumbnailVTT, E as parseTimestamp, k as parseVTT, ae as selectAudio, H as selectError, R as selectMedia, oe as selectPlugins, z as selectPreferences, V as selectThumbnails, B as selectUI, x as toPlayerSource };
+export { h as BaseMediaEngine, v as DashMediaEngine, t as EventBus, _ as HlsMediaEngine, n as HotkeyRegistry, a as I18n, te as LocalPlaybackProgressStore, g as NativeVideoEngine, m as STORAGE_KEYS, p as Storage, c as canUseFullscreen, o as canUseMSE, s as canUseNativeHLS, l as canUsePictureInPicture, u as canUseTextTracks, J as createGestureEngine, re as createMediaStore, q as createPlayer, ne as createResolvedMediaEngine, me as defaultPlayerLabels, b as detectSourceKind, j as fetchSubtitles, I as fetchThumbnails, pe as formatTime, M as getActiveCue, R as getInitialMediaState, d as getMediaCapabilities, L as getThumbnailAtTime, f as isFiniteDuration, O as parseSRT, A as parseSubtitles, P as parseThumbnailVTT, E as parseTimestamp, k as parseVTT, z as selectAudio, U as selectError, ie as selectMedia, V as selectPlugins, B as selectPreferences, H as selectThumbnails, ae as selectUI, x as toPlayerSource };

package/dist/playback-progress.d.ts

@@ -11,10 +11,15 @@ export interface PlaybackProgressStore {
 export interface PlaybackProgressOptions {
     id?: string;
     store?: PlaybackProgressStore;
+    /** Normalize the media URL used as the progress key. Defaults to true. */
+    normalizeUrl?: boolean;
+    /** Milliseconds before the resume prompt dismisses itself. Use 0 to keep it visible. Defaults to 5000. */
+    resumePromptTimeout?: number;
 }
 export declare class LocalPlaybackProgressStore implements PlaybackProgressStore {
     private readonly storage;
-    constructor(storage?: Storage);
+    private readonly maxEntries;
+    constructor(storage?: Storage, maxEntries?: number);
     load(mediaId: string): Promise<PlaybackProgress | null>;
     save(mediaId: string, progress: PlaybackProgress): Promise<void>;
     clear(mediaId: string): Promise<void>;

package/dist/plugin-api.d.ts

@@ -10,6 +10,7 @@ export interface RemoteRef {
     seek: (time: number) => void;
     resumeFromSavedProgress: () => void;
     startPlaybackOver: () => void;
+    dismissSavedProgress: () => void;
     skip: (seconds: number) => void;
     setVolume: (v: number) => void;
     toggleMute: () => void;

package/dist/types.d.ts

@@ -80,6 +80,7 @@ export interface MediaRemote {
     togglePlay: () => void;
     resumeFromSavedProgress: () => void;
     startPlaybackOver: () => void;
+    dismissSavedProgress: () => void;
     seek: (time: number) => void;
     skip: (seconds: number) => void;
     setVolume: (v: number) => void;
@@ -168,6 +169,7 @@ export interface PlayerLabels {
     continue: string;
     continuePlay: string;
     continueStartOver: string;
+    dismiss: string;
     error: string;
     retry: string;
     contextMenuPlay: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vplayer/core",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "private": false,
   "repository": {
     "type": "git",