@camera.ui/browser 0.1.2 → 0.1.4

package/dist/index.js

@@ -545,6 +545,124 @@ function clearMark(lane) {
 	deadMarks.delete(lane);
 }
 //#endregion
+//#region src/composables/useTabVisibility.ts
+var DEFAULT_TAB_PAUSE_MS = 3e4;
+var log$2 = new Logger("TabVisibility");
+var _isVisible = ref(typeof document === "undefined" ? true : document.visibilityState === "visible");
+var _hiddenAt = null;
+var _hiddenListeners = /* @__PURE__ */ new Set();
+var _pausedListeners = /* @__PURE__ */ new Set();
+var _visibleListeners = /* @__PURE__ */ new Set();
+var _initialized = false;
+function _firePausedEntry(entry) {
+	log$2.debug(`paused listener fired (delay ${entry.delayMs}ms reached)`);
+	try {
+		entry.cb();
+	} catch (err) {
+		log$2.error("onTabPaused listener threw:", err);
+	}
+}
+function _schedulePausedEntry(entry) {
+	log$2.debug(`paused listener scheduled in ${entry.delayMs}ms`);
+	entry.timer = setTimeout(() => {
+		entry.timer = null;
+		if (_isVisible.value) {
+			log$2.debug("paused listener skipped — tab visible before delay");
+			return;
+		}
+		_firePausedEntry(entry);
+	}, entry.delayMs);
+}
+function _cancelPausedEntries() {
+	for (const entry of _pausedListeners) if (entry.timer !== null) {
+		clearTimeout(entry.timer);
+		entry.timer = null;
+	}
+}
+function _init() {
+	if (_initialized || typeof document === "undefined") return;
+	_initialized = true;
+	document.addEventListener("visibilitychange", () => {
+		const visible = document.visibilityState === "visible";
+		if (!visible && _isVisible.value) {
+			_isVisible.value = false;
+			_hiddenAt = Date.now();
+			log$2.debug(`tab → hidden (hidden=${_hiddenListeners.size} paused=${_pausedListeners.size})`);
+			for (const entry of _hiddenListeners) try {
+				entry.cb();
+			} catch (err) {
+				log$2.error("onTabHidden listener threw:", err);
+			}
+			for (const entry of _pausedListeners) if (entry.delayMs <= 0) _firePausedEntry(entry);
+			else _schedulePausedEntry(entry);
+		} else if (visible && !_isVisible.value) {
+			_cancelPausedEntries();
+			const hiddenMs = _hiddenAt != null ? Date.now() - _hiddenAt : 0;
+			_hiddenAt = null;
+			_isVisible.value = true;
+			log$2.debug(`tab → visible (hiddenMs=${hiddenMs}, visible-listeners=${_visibleListeners.size})`);
+			for (const { cb } of _visibleListeners) try {
+				cb({ hiddenMs });
+			} catch (err) {
+				log$2.error("onTabVisible listener threw:", err);
+			}
+		}
+	});
+	document.addEventListener("freeze", () => {
+		for (const entry of _pausedListeners) {
+			if (entry.timer === null) continue;
+			clearTimeout(entry.timer);
+			entry.timer = null;
+			_firePausedEntry(entry);
+		}
+	});
+}
+function useTabVisibility() {
+	_init();
+	const isVisible = computed(() => _isVisible.value);
+	function onTabHidden(cb) {
+		const entry = { cb };
+		_hiddenListeners.add(entry);
+		const off = () => {
+			_hiddenListeners.delete(entry);
+		};
+		tryOnScopeDispose(off);
+		return off;
+	}
+	function onTabPaused(cb, options = {}) {
+		const entry = {
+			cb,
+			delayMs: options.delayMs ?? 3e4,
+			timer: null
+		};
+		_pausedListeners.add(entry);
+		const off = () => {
+			if (entry.timer !== null) {
+				clearTimeout(entry.timer);
+				entry.timer = null;
+			}
+			_pausedListeners.delete(entry);
+		};
+		tryOnScopeDispose(off);
+		return off;
+	}
+	function onTabVisible(cb) {
+		const entry = { cb };
+		_visibleListeners.add(entry);
+		const off = () => {
+			_visibleListeners.delete(entry);
+		};
+		tryOnScopeDispose(off);
+		return off;
+	}
+	return {
+		isVisible,
+		onTabHidden,
+		onTabPaused,
+		onTabVisible
+	};
+}
+//#endregion
 //#region src/composables/useSnapshot.ts
 var REVOKE_DELAY_MS = 5e3;
 var SERVER_CLOCK_STEP_MS = 6e4;
@@ -592,6 +710,12 @@ function hookReconnectRefresh(cameraUi, deviceManager) {
 		}, 0);
 	});
 }
+function isOutdated(settings, fetchedAt) {
+	if (!settings || settings.mode === "onDemand") return false;
+	if (fetchedAt === void 0) return true;
+	const keptMs = (settings.mode === "interval" ? settings.interval : settings.maxAge) * 1e3;
+	return Date.now() - fetchedAt > keptMs;
+}
 function deferRevoke(url) {
 	setTimeout(() => URL.revokeObjectURL(url), REVOKE_DELAY_MS);
 }
@@ -655,6 +779,7 @@ function useSnapshot(cameraIdOrName) {
 	const cameraUi = useCameraUi();
 	const { isConnected } = cameraUi;
 	const deviceManager = useDeviceManager();
+	const { onTabVisible } = useTabVisibility();
 	const snapshot = shallowRef();
 	const _isLoading = ref(false);
 	const initialLoadDone = ref(false);
@@ -790,6 +915,12 @@ function useSnapshot(cameraIdOrName) {
 			snapshot.value = void 0;
 		}
 	}, { immediate: true });
+	onTabVisible(() => {
+		const id = currentId();
+		if (!isConnected.value || !heldDevice || heldDeviceId !== id) return;
+		if (!isOutdated(heldDevice.camera.value.snapshotSettings, timestampCache.get(id))) return;
+		fetchSnapshotShared(deviceManager, id).catch(() => void 0);
+	});
 	tryOnScopeDispose(() => {
 		disposed = true;
 		cancelHoldRetry();
@@ -3223,7 +3354,7 @@ function refreshClientStates() {
 //#endregion
 //#region src/plugin.ts
 var CAMERA_UI_INJECTION_KEY = Symbol("camera-ui");
-var log$2 = new Logger("plugin");
+var log$1 = new Logger("plugin");
 function isContext(input) {
 	return "rpc" in input && "isConnected" in input;
 }
@@ -3258,7 +3389,7 @@ function makeContextFromTransport(input) {
 		for (const cb of set) try {
 			cb();
 		} catch (err) {
-			log$2.warn("context listener threw:", err);
+			log$1.warn("context listener threw:", err);
 		}
 	}
 	natsTransport.subscribeClient((next) => {
@@ -3478,124 +3609,6 @@ function createActivityMode(options) {
 	};
 }
 //#endregion
-//#region src/composables/useTabVisibility.ts
-var DEFAULT_TAB_PAUSE_MS = 3e4;
-var log$1 = new Logger("TabVisibility");
-var _isVisible = ref(typeof document === "undefined" ? true : document.visibilityState === "visible");
-var _hiddenAt = null;
-var _hiddenListeners = /* @__PURE__ */ new Set();
-var _pausedListeners = /* @__PURE__ */ new Set();
-var _visibleListeners = /* @__PURE__ */ new Set();
-var _initialized = false;
-function _firePausedEntry(entry) {
-	log$1.debug(`paused listener fired (delay ${entry.delayMs}ms reached)`);
-	try {
-		entry.cb();
-	} catch (err) {
-		log$1.error("onTabPaused listener threw:", err);
-	}
-}
-function _schedulePausedEntry(entry) {
-	log$1.debug(`paused listener scheduled in ${entry.delayMs}ms`);
-	entry.timer = setTimeout(() => {
-		entry.timer = null;
-		if (_isVisible.value) {
-			log$1.debug("paused listener skipped — tab visible before delay");
-			return;
-		}
-		_firePausedEntry(entry);
-	}, entry.delayMs);
-}
-function _cancelPausedEntries() {
-	for (const entry of _pausedListeners) if (entry.timer !== null) {
-		clearTimeout(entry.timer);
-		entry.timer = null;
-	}
-}
-function _init() {
-	if (_initialized || typeof document === "undefined") return;
-	_initialized = true;
-	document.addEventListener("visibilitychange", () => {
-		const visible = document.visibilityState === "visible";
-		if (!visible && _isVisible.value) {
-			_isVisible.value = false;
-			_hiddenAt = Date.now();
-			log$1.debug(`tab → hidden (hidden=${_hiddenListeners.size} paused=${_pausedListeners.size})`);
-			for (const entry of _hiddenListeners) try {
-				entry.cb();
-			} catch (err) {
-				log$1.error("onTabHidden listener threw:", err);
-			}
-			for (const entry of _pausedListeners) if (entry.delayMs <= 0) _firePausedEntry(entry);
-			else _schedulePausedEntry(entry);
-		} else if (visible && !_isVisible.value) {
-			_cancelPausedEntries();
-			const hiddenMs = _hiddenAt != null ? Date.now() - _hiddenAt : 0;
-			_hiddenAt = null;
-			_isVisible.value = true;
-			log$1.debug(`tab → visible (hiddenMs=${hiddenMs}, visible-listeners=${_visibleListeners.size})`);
-			for (const { cb } of _visibleListeners) try {
-				cb({ hiddenMs });
-			} catch (err) {
-				log$1.error("onTabVisible listener threw:", err);
-			}
-		}
-	});
-	document.addEventListener("freeze", () => {
-		for (const entry of _pausedListeners) {
-			if (entry.timer === null) continue;
-			clearTimeout(entry.timer);
-			entry.timer = null;
-			_firePausedEntry(entry);
-		}
-	});
-}
-function useTabVisibility() {
-	_init();
-	const isVisible = computed(() => _isVisible.value);
-	function onTabHidden(cb) {
-		const entry = { cb };
-		_hiddenListeners.add(entry);
-		const off = () => {
-			_hiddenListeners.delete(entry);
-		};
-		tryOnScopeDispose(off);
-		return off;
-	}
-	function onTabPaused(cb, options = {}) {
-		const entry = {
-			cb,
-			delayMs: options.delayMs ?? 3e4,
-			timer: null
-		};
-		_pausedListeners.add(entry);
-		const off = () => {
-			if (entry.timer !== null) {
-				clearTimeout(entry.timer);
-				entry.timer = null;
-			}
-			_pausedListeners.delete(entry);
-		};
-		tryOnScopeDispose(off);
-		return off;
-	}
-	function onTabVisible(cb) {
-		const entry = { cb };
-		_visibleListeners.add(entry);
-		const off = () => {
-			_visibleListeners.delete(entry);
-		};
-		tryOnScopeDispose(off);
-		return off;
-	}
-	return {
-		isVisible,
-		onTabHidden,
-		onTabPaused,
-		onTabVisible
-	};
-}
-//#endregion
 //#region src/streaming/config.ts
 var STREAM_CONFIG = {
 	WEBRTC: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camera.ui/browser",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "camera.ui browser client",
   "author": "seydx (https://github.com/cameraui/clients)",
   "type": "module",
@@ -39,7 +39,7 @@
   "devDependencies": {
     "@camera.ui/logger": "file:../../packages/logger",
     "@camera.ui/rpc": "^1.1.1",
-    "@camera.ui/sdk": "~1.4.3",
+    "@camera.ui/sdk": "~1.4.4",
     "@camera.ui/transport": "file:../../packages/transport",
     "@eneris/push-receiver": "^4.4.0",
     "@microsoft/api-extractor": "^7.59.4",