@wyxos/vibe 3.1.7 → 3.1.9

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 import type { Plugin } from 'vue';
 import './style.css';
 export type { VibeViewerAsset, VibeViewerItem, VibeViewerType } from './components/viewer';
-export type { VibeAssetErrorEvent, VibeAssetErrorKind, VibeAssetErrorSurface, VibeAssetLoadEvent, VibeAssetLoadSurface, VibeEmptyStateMode, VibeEmptyStateSlotProps, VibeResolveParams, VibeResolveResult, VibeFeedMode, VibeHandle, VibeInitialState, VibeLoadPhase, VibeProps, VibeSurfaceMode, VibeStatus, } from './components/viewer-core/useViewer';
+export type { VibeAssetErrorEvent, VibeAssetErrorKind, VibeAssetErrorSurface, VibeAssetLoadEvent, VibeAssetLoadSurface, VibeEmptyStateMode, VibeEmptyStateSlotProps, VibeResolveParams, VibeResolveResult, VibeHandle, VibeInitialState, VibeLoadPhase, VibeProps, VibeSurfaceMode, VibeStatus, } from './components/viewer-core/useViewer';
 export declare const VibeLayout: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import(".").VibeProps> & Readonly<{
         "onUpdate:activeIndex"?: ((value: number) => any) | undefined;

package/lib/index.js

@@ -437,7 +437,7 @@ function Ue() {
 //#endregion
 //#region src/components/viewer-core/useAutoResolveSource.ts
 function We(e) {
-	let t = !!e.initialState?.items.length, n = D([]), r = D(0), a = D([]), o = D(!1), s = D(null), c = D(!t && typeof e.resolve == "function" ? "initializing" : "idle"), l = D(null), u = Ue(), d = u.remainingMs, f = D(null), p = D(!1), m = D(!0), h = D(!1), g = /* @__PURE__ */ new Set(), _ = null, v = null, y = 0, b = 0, C = i(() => He(e.fillDelayMs, Re)), w = i(() => He(e.fillDelayStepMs, ze)), T = i(() => typeof e.resolve == "function"), E = i(() => e.mode ?? "dynamic"), O = i(() => _e(e.pageSize)), k = i(() => we(n.value)), A = i(() => Te(k.value, e.removedIds.value)), j = i(() => r.value), M = i(() => ge(c.value) || p.value), N = i(() => Ge(n.value, e.removedIds.value)), P = i(() => Ke(n.value, e.removedIds.value)), F = i(() => P.value?.nextCursor ?? null), I = i(() => o.value ? null : N.value?.previousCursor ?? null), R = i(() => !!F.value), z = i(() => !!I.value), B = i(() => T.value && n.value.length > 0), ee = i(() => Te(we(a.value), e.removedIds.value)), te = i(() => Oe(n.value, e.removedIds.value, j.value)), V = i(() => !A.value.length && !M.value && !!s.value);
+	let t = !!e.initialState?.items.length, n = D([]), r = D(0), a = D([]), o = D(!1), s = D(null), c = D(!t && typeof e.resolve == "function" ? "initializing" : "idle"), l = D(null), u = D(null), d = Ue(), f = d.remainingMs, p = D(null), m = D(!1), h = D(!0), g = D(!1), _ = /* @__PURE__ */ new Set(), v = null, y = null, b = 0, C = 0, w = i(() => He(e.fillDelayMs, Re)), T = i(() => He(e.fillDelayStepMs, ze)), E = i(() => typeof e.resolve == "function"), O = i(() => _e(e.pageSize)), k = i(() => we(n.value)), A = i(() => Te(k.value, e.removedIds.value)), j = i(() => r.value), M = i(() => ge(c.value) || m.value), N = i(() => Ge(n.value, e.removedIds.value)), P = i(() => Ke(n.value, e.removedIds.value)), F = i(() => P.value?.nextCursor ?? null), I = i(() => o.value ? null : N.value?.previousCursor ?? null), R = i(() => !!F.value), z = i(() => !!I.value), B = i(() => E.value && n.value.length > 0), ee = i(() => Te(we(a.value), e.removedIds.value)), te = i(() => Oe(n.value, e.removedIds.value, j.value)), V = i(() => !A.value.length && !M.value && !!s.value);
 	L(() => A.value.length, (e) => {
 		if (e === 0) {
 			r.value = 0;
@@ -445,16 +445,16 @@ function We(e) {
 		}
 		o.value &&= (ye(), !1), r.value > e - 1 && (r.value = e - 1);
 	}), L(() => r.value, () => {
-		m.value && ce();
+		h.value && ce();
 	}), S(() => {
 		pe() || e.resolve && H();
 	}), x(() => {
-		_?.abort(), _ = null, u.clear(!0);
+		v?.abort(), v = null, d.clear(!0);
 	});
 	async function H() {
-		v = H;
+		y = H;
 		let t = await de({
-			continueUntilFilled: E.value === "dynamic",
+			continueUntilFilled: !0,
 			cursor: e.initialCursor ?? null,
 			direction: "forward",
 			phase: "initializing"
@@ -462,21 +462,29 @@ function We(e) {
 		t && (n.value = t.buckets, r.value = 0, Z());
 	}
 	async function U() {
-		if (!(h.value || M.value)) {
-			if (!R.value) return B.value ? ue("trailing") : void 0;
-			if (E.value === "static" && he("trailing")) return ue("trailing");
+		if (!(g.value || M.value)) {
+			if (he("trailing") || !R.value) {
+				if (!B.value) return;
+				let e = await ue("trailing");
+				e?.itemsLoaded === 0 && e.followCursor && await le(e.followCursor);
+				return;
+			}
 			await le(F.value);
 		}
 	}
 	async function W() {
-		if (!(h.value || !z.value || M.value)) {
-			if (E.value === "static" && he("leading")) return ue("leading");
+		if (!(g.value || !z.value || M.value)) {
+			if (he("leading")) {
+				let e = await ue("leading");
+				e?.itemsLoaded === 0 && e.followCursor && await X(e.followCursor);
+				return;
+			}
 			await X(I.value);
 		}
 	}
 	async function ne() {
 		if (V.value) {
-			if (n.value = [], r.value = 0, a.value = [], o.value = !1, s.value = null, c.value = T.value ? "initializing" : "idle", l.value = null, f.value = null, p.value = !1, g.clear(), _?.abort(), _ = null, u.clear(!0), pe()) {
+			if (n.value = [], r.value = 0, a.value = [], o.value = !1, s.value = null, c.value = E.value ? "initializing" : "idle", l.value = null, u.value = null, p.value = null, m.value = !1, _.clear(), v?.abort(), v = null, d.clear(!0), pe()) {
 				Z();
 				return;
 			}
@@ -485,11 +493,11 @@ function We(e) {
 	}
 	async function G() {
 		if (V.value) return ne();
-		h.value || c.value !== "failed" || !v || (s.value = null, await v());
+		g.value || c.value !== "failed" || !y || (s.value = null, await y());
 	}
 	async function K() {
-		if (!a.value.length) return p.value = !1, Z();
-		n.value = [...n.value, ...a.value], a.value = [], p.value = !1, Z();
+		if (!a.value.length) return m.value = !1, Z();
+		n.value = [...n.value, ...a.value], a.value = [], m.value = !1, Z();
 	}
 	function q(t) {
 		let n = A.value;
@@ -498,16 +506,16 @@ function We(e) {
 		i !== r.value && (r.value = i, e.emit("update:activeIndex", i));
 	}
 	function re(e) {
-		m.value = e;
+		h.value = e;
 	}
 	function J() {
-		h.value = !0, u.clear(!0);
+		g.value = !0, d.clear(!0);
 	}
 	function Y() {
-		h.value = !1;
+		g.value = !1;
 	}
 	function ie() {
-		y += 1, _?.abort(), _ = null, u.clear(!0), g.clear(), s.value = null, l.value = null, f.value = null, a.value.length > 0 && (n.value = [...n.value, ...a.value], a.value = []), p.value = !1, o.value = !1, Z();
+		b += 1, v?.abort(), v = null, d.clear(!0), _.clear(), s.value = null, l.value = null, u.value = null, p.value = null, a.value.length > 0 && (n.value = [...n.value, ...a.value], a.value = []), m.value = !1, o.value = !1, Z();
 	}
 	function ae() {
 		return Fe(A.value, j.value);
@@ -534,7 +542,7 @@ function We(e) {
 		a.value.length > 0 && !ee.value.length && K();
 	}
 	async function ce() {
-		if (!(!m.value || me())) {
+		if (!(!h.value || me())) {
 			if (!A.value.length) {
 				R.value && await U();
 				return;
@@ -543,27 +551,27 @@ function We(e) {
 		}
 	}
 	async function le(e) {
-		v = async () => {
+		y = async () => {
 			await le(e);
 		};
 		let t = await de({
-			continueUntilFilled: E.value === "dynamic",
+			continueUntilFilled: !0,
 			cursor: e,
 			direction: "forward",
 			phase: "loading"
 		});
 		if (t) {
-			if (t.canceled) return n.value = [...n.value, ...t.buckets], a.value = [], p.value = !1, Z();
-			if (a.value = t.buckets, !ee.value.length) return n.value = [...n.value, ...a.value], a.value = [], p.value = !1, Z();
-			p.value = !0;
+			if (t.canceled) return n.value = [...n.value, ...t.buckets], a.value = [], m.value = !1, Z();
+			if (a.value = t.buckets, !ee.value.length) return n.value = [...n.value, ...a.value], a.value = [], m.value = !1, Z();
+			m.value = !0;
 		}
 	}
 	async function X(e) {
-		v = async () => {
+		y = async () => {
 			await X(e);
 		};
 		let t = await de({
-			continueUntilFilled: E.value === "dynamic",
+			continueUntilFilled: !0,
 			cursor: e,
 			direction: "backward",
 			phase: "loading"
@@ -573,59 +581,58 @@ function We(e) {
 		n.value = [...t.buckets, ...n.value], oe(r), Z();
 	}
 	async function ue(t) {
-		if (v = async () => {
+		if (y = async () => {
 			await ue(t);
-		}, !e.resolve) return;
+		}, !e.resolve) return null;
 		let r = t === "leading" ? N.value : P.value;
-		if (!r) return;
+		if (!r) return null;
 		let i = ve(r.cursor);
-		if (g.has(i)) return;
-		g.add(i), s.value = null, c.value = "refreshing", l.value = null, f.value = null;
-		let a = ++y, o = typeof AbortController > "u" ? null : new AbortController();
-		_ = o;
+		if (_.has(i)) return null;
+		_.add(i), s.value = null, c.value = "refreshing", l.value = null, u.value = null, p.value = null;
+		let a = ++b, o = typeof AbortController > "u" ? null : new AbortController();
+		v = o;
 		try {
-			let t = await e.resolve({
+			let i = await e.resolve({
 				cursor: r.cursor,
 				pageSize: O.value,
 				signal: o?.signal
 			});
-			if (a !== y) return Z();
-			let i = fe({
+			if (a !== b) return Z(), null;
+			let s = fe({
 				cursor: r.cursor,
-				nextCursor: t.nextPage,
-				nextItems: t.items,
-				previousCursor: t.previousPage ?? null,
+				nextCursor: i.nextPage,
+				nextItems: i.items,
+				previousCursor: i.previousPage ?? null,
 				previousItems: r.items
-			}), s = ae();
-			n.value = ke(n.value, r.cursor, i), oe(s), Z();
+			}), c = ae();
+			return n.value = ke(n.value, r.cursor, s), oe(c), Z(), {
+				followCursor: t === "leading" ? i.previousPage ?? null : i.nextPage,
+				itemsLoaded: i.items.length
+			};
 		} catch (e) {
-			if (je(e) || a !== y) {
-				Z();
-				return;
-			}
-			s.value = e instanceof Error ? e.message : "The viewer could not load items.", c.value = "failed", l.value = null, f.value = null;
+			return je(e) || a !== b ? (Z(), null) : (s.value = e instanceof Error ? e.message : "The viewer could not load items.", c.value = "failed", l.value = null, u.value = null, p.value = null, null);
 		} finally {
-			_ === o && (_ = null), g.delete(i);
+			v === o && (v = null), _.delete(i);
 		}
 	}
 	async function de(t) {
 		if (!e.resolve) return null;
-		let n = ++y, r = /* @__PURE__ */ new Set(), i = [], a = t.cursor, o = 0;
-		for (s.value = null, c.value = t.phase, l.value = null, f.value = null;;) {
-			if (n !== y) return Ne(i, t.direction, e.removedIds.value, !0);
-			if (i.length > 0 && h.value) return Ne(i, t.direction, e.removedIds.value, !1);
-			let d = ve(a);
-			if (r.has(d) || g.has(d)) break;
-			r.add(d), g.add(d);
-			let p = typeof AbortController > "u" ? null : new AbortController();
-			_ = p;
+		let n = ++b, r = /* @__PURE__ */ new Set(), i = [], a = t.cursor, o = 0;
+		for (s.value = null, c.value = t.phase, l.value = null, u.value = null, p.value = null;;) {
+			if (n !== b) return Ne(i, t.direction, e.removedIds.value, !0);
+			if (i.length > 0 && g.value) return Ne(i, t.direction, e.removedIds.value, !1);
+			let f = ve(a);
+			if (r.has(f) || _.has(f)) break;
+			r.add(f), _.add(f);
+			let m = typeof AbortController > "u" ? null : new AbortController();
+			v = m;
 			try {
 				let r = await e.resolve({
 					cursor: a,
 					pageSize: O.value,
-					signal: p?.signal
+					signal: m?.signal
 				});
-				if (n !== y) return Ne(i, t.direction, e.removedIds.value, !0);
+				if (n !== b) return Ne(i, t.direction, e.removedIds.value, !0);
 				let s = fe({
 					cursor: a,
 					nextCursor: r.nextPage,
@@ -634,21 +641,21 @@ function We(e) {
 					previousItems: []
 				});
 				i.push(s);
-				let d = i.reduce((t, n) => t + De(n, e.removedIds.value), 0), m = t.direction === "forward" ? s.nextCursor : s.previousCursor;
-				if (!t.continueUntilFilled || d >= O.value || !m) return {
+				let f = i.reduce((t, n) => t + De(n, e.removedIds.value), 0), h = t.direction === "forward" ? s.nextCursor : s.previousCursor;
+				if (!t.continueUntilFilled || f >= O.value || !h) return u.value = null, {
 					canceled: !1,
 					buckets: t.direction === "backward" ? [...i].reverse() : i,
-					visibleCount: d
+					visibleCount: f
 				};
-				if (h.value) return Ne(i, t.direction, e.removedIds.value, !1);
-				c.value = "filling", l.value = d, f.value = O.value, o += 1;
-				let g = Ve(o, C.value, w.value);
-				if (await u.wait(g), n !== y) return Ne(i, t.direction, e.removedIds.value, !0);
-				a = m;
+				if (g.value) return Ne(i, t.direction, e.removedIds.value, !1);
+				c.value = "filling", l.value = f, u.value = h, p.value = O.value, o += 1;
+				let _ = Ve(o, w.value, T.value);
+				if (await d.wait(_), n !== b) return Ne(i, t.direction, e.removedIds.value, !0);
+				a = h;
 			} catch (r) {
-				return je(r) || n !== y ? Ne(i, t.direction, e.removedIds.value, !0) : (s.value = r instanceof Error ? r.message : "The viewer could not load items.", c.value = "failed", l.value = null, f.value = null, null);
+				return je(r) || n !== b ? Ne(i, t.direction, e.removedIds.value, !0) : (s.value = r instanceof Error ? r.message : "The viewer could not load items.", c.value = "failed", l.value = null, u.value = null, p.value = null, null);
 			} finally {
-				_ === p && (_ = null), g.delete(d);
+				v === m && (v = null), _.delete(f);
 			}
 		}
 		return Ne(i, t.direction, e.removedIds.value, !1);
@@ -660,21 +667,21 @@ function We(e) {
 			nextItems: e.nextItems,
 			previousCursor: e.previousCursor,
 			previousItems: e.previousItems,
-			sequence: b
+			sequence: C
 		});
-		return b = t.nextSequence, t.bucket;
+		return C = t.nextSequence, t.bucket;
 	}
 	function Z() {
-		c.value = "idle", l.value = null, f.value = null, u.clear();
+		c.value = "idle", l.value = null, u.value = null, p.value = null, d.clear();
 	}
 	function pe() {
 		if (!e.initialState || !e.initialState.items.length) return !1;
 		let t = Pe({
 			initialState: e.initialState,
 			removedIds: e.removedIds.value,
-			sequence: b
+			sequence: C
 		});
-		return n.value = t.buckets, r.value = t.activeIndex, b = t.nextSequence, o.value = !1, s.value = null, a.value = [], p.value = !1, !0;
+		return n.value = t.buckets, r.value = t.activeIndex, C = t.nextSequence, o.value = !1, s.value = null, a.value = [], m.value = !1, !0;
 	}
 	function me() {
 		return c.value === "initializing";
@@ -701,16 +708,16 @@ function We(e) {
 		currentCursor: te,
 		errorMessage: s,
 		fillCollectedCount: l,
-		fillDelayRemainingMs: d,
-		fillTargetCount: f,
+		fillCursor: u,
+		fillDelayRemainingMs: f,
+		fillTargetCount: p,
 		hasNextPage: R,
 		hasPreviousPage: z,
-		isAutoPrefetchEnabled: m,
-		isPageLoadingLocked: h,
+		isAutoPrefetchEnabled: h,
+		isPageLoadingLocked: g,
 		items: A,
 		lockPageLoading: J,
 		loading: M,
-		mode: E,
 		maybePrefetchAround: ce,
 		nextCursor: F,
 		pendingAppendItems: ee,
@@ -747,7 +754,6 @@ function qe(e, t) {
 		fillDelayStepMs: e.fillDelayStepMs,
 		initialCursor: e.initialCursor,
 		initialState: e.initialState,
-		mode: e.mode,
 		pageSize: e.pageSize,
 		removedIds: o,
 		resolve: e.resolve
@@ -797,6 +803,7 @@ function qe(e, t) {
 		currentCursor: l.currentCursor,
 		errorMessage: l.errorMessage,
 		fillCollectedCount: l.fillCollectedCount,
+		fillCursor: l.fillCursor,
 		fillDelayRemainingMs: l.fillDelayRemainingMs,
 		fillTargetCount: l.fillTargetCount,
 		getRemovedIds: r,
@@ -808,7 +815,6 @@ function qe(e, t) {
 		loading: f,
 		loadNext: T,
 		loadPrevious: E,
-		mode: l.mode,
 		nextCursor: l.nextCursor,
 		paginationDetail: g,
 		pendingAppendItems: l.pendingAppendItems,
@@ -839,13 +845,13 @@ function Ye(e, t) {
 		currentCursor: null,
 		errorMessage: null,
 		fillCollectedCount: null,
+		fillCursor: null,
 		fillDelayRemainingMs: null,
 		fillTargetCount: null,
 		hasNextPage: !1,
 		hasPreviousPage: !1,
 		itemCount: 0,
 		loadState: "loaded",
-		mode: "dynamic",
 		nextBoundaryLoadProgress: 0,
 		nextCursor: null,
 		pageLoadingLocked: !1,
@@ -872,7 +878,7 @@ function Ye(e, t) {
 	}), L(l, (e) => {
 		n.setAutoPrefetchEnabled(e === "fullscreen");
 	}, { immediate: !0 }), R(() => {
-		s.activeIndex = n.activeIndex.value, s.currentCursor = n.currentCursor.value, s.errorMessage = n.errorMessage.value, s.fillCollectedCount = n.fillCollectedCount.value, s.fillDelayRemainingMs = n.fillDelayRemainingMs.value, s.fillTargetCount = n.fillTargetCount.value, s.hasNextPage = n.hasNextPage.value, s.hasPreviousPage = n.hasPreviousPage.value, s.itemCount = n.items.value.length, s.loadState = n.loading.value ? "loading" : n.errorMessage.value ? "failed" : "loaded", s.mode = n.mode.value, s.nextBoundaryLoadProgress = r.nextBoundaryLoadProgress, s.nextCursor = n.nextCursor.value, s.pageLoadingLocked = n.isPageLoadingLocked.value, s.phase = n.phase.value, s.previousBoundaryLoadProgress = r.previousBoundaryLoadProgress, s.previousCursor = n.previousCursor.value, s.removedCount = n.removedCount.value, s.removedIds = n.getRemovedIds(), s.surfaceMode = l.value;
+		s.activeIndex = n.activeIndex.value, s.currentCursor = n.currentCursor.value, s.errorMessage = n.errorMessage.value, s.fillCollectedCount = n.fillCollectedCount.value, s.fillCursor = n.fillCursor.value, s.fillDelayRemainingMs = n.fillDelayRemainingMs.value, s.fillTargetCount = n.fillTargetCount.value, s.hasNextPage = n.hasNextPage.value, s.hasPreviousPage = n.hasPreviousPage.value, s.itemCount = n.items.value.length, s.loadState = n.loading.value ? "loading" : n.errorMessage.value ? "failed" : "loaded", s.nextBoundaryLoadProgress = r.nextBoundaryLoadProgress, s.nextCursor = n.nextCursor.value, s.pageLoadingLocked = n.isPageLoadingLocked.value, s.phase = n.phase.value, s.previousBoundaryLoadProgress = r.previousBoundaryLoadProgress, s.previousCursor = n.previousCursor.value, s.removedCount = n.removedCount.value, s.removedIds = n.getRemovedIds(), s.surfaceMode = l.value;
 	}), S(() => {
 		m(), h(), window.addEventListener("keydown", p), window.addEventListener("resize", m);
 	}), x(() => {
@@ -3928,7 +3934,6 @@ var pi = ["aria-label"], mi = {
 		initialCursor: {},
 		initialState: {},
 		loopFullscreenVideo: { type: Boolean },
-		mode: {},
 		pageSize: {},
 		paginationDetail: {},
 		resolve: { type: Function },