@camera.ui/browser 0.0.120 → 0.0.122

package/dist/index.js

@@ -1,3 +1,4 @@
+import { Logger } from "@camera.ui/logger";
 import { computed, inject, markRaw, onBeforeUnmount, reactive, readonly, ref, shallowRef, toValue, watch } from "vue";
 import { tryOnScopeDispose, useTimeoutFn, whenever } from "@vueuse/core";
 import { SensorType } from "@camera.ui/sdk";
@@ -1823,6 +1824,7 @@ function refreshClientSubscriptions() {
 //#endregion
 //#region src/plugin.ts
 var CAMERA_UI_INJECTION_KEY = Symbol("camera-ui");
+var log$2 = new Logger("plugin");
 function isContext(input) {
 	return "rpc" in input && "isConnected" in input;
 }
@@ -1857,7 +1859,7 @@ function makeContextFromTransport(input) {
 		for (const cb of set) try {
 			cb();
 		} catch (err) {
-			console.warn("[camera.ui] context listener threw:", err);
+			log$2.warn("context listener threw:", err);
 		}
 	}
 	natsTransport.subscribeClient((next) => {
@@ -2034,14 +2036,7 @@ function createActivityMode(options) {
 //#endregion
 //#region src/composables/useTabVisibility.ts
 var DEFAULT_TAB_PAUSE_MS = 3e4;
-function log$1(...args) {
-	const d = /* @__PURE__ */ new Date();
-	const hh = String(d.getHours()).padStart(2, "0");
-	const mm = String(d.getMinutes()).padStart(2, "0");
-	const ss = String(d.getSeconds()).padStart(2, "0");
-	const ms = String(d.getMilliseconds()).padStart(3, "0");
-	console.log(`[TabVisibility ${hh}:${mm}:${ss}.${ms}]`, ...args);
-}
+var log$1 = new Logger("TabVisibility");
 var _isVisible = ref(typeof document === "undefined" ? true : document.visibilityState === "visible");
 var _hiddenAt = null;
 var _hiddenListeners = /* @__PURE__ */ new Set();
@@ -2049,19 +2044,19 @@ var _pausedListeners = /* @__PURE__ */ new Set();
 var _visibleListeners = /* @__PURE__ */ new Set();
 var _initialized = false;
 function _firePausedEntry(entry) {
-	log$1(`paused listener fired (delay ${entry.delayMs}ms reached)`);
+	log$1.debug(`paused listener fired (delay ${entry.delayMs}ms reached)`);
 	try {
 		entry.cb();
 	} catch (err) {
-		console.error("[TabVisibility] onTabPaused listener threw:", err);
+		log$1.error("onTabPaused listener threw:", err);
 	}
 }
 function _schedulePausedEntry(entry) {
-	log$1(`paused listener scheduled in ${entry.delayMs}ms`);
+	log$1.debug(`paused listener scheduled in ${entry.delayMs}ms`);
 	entry.timer = setTimeout(() => {
 		entry.timer = null;
 		if (_isVisible.value) {
-			log$1("paused listener skipped — tab visible before delay");
+			log$1.debug("paused listener skipped — tab visible before delay");
 			return;
 		}
 		_firePausedEntry(entry);
@@ -2081,11 +2076,11 @@ function _init() {
 		if (!visible && _isVisible.value) {
 			_isVisible.value = false;
 			_hiddenAt = Date.now();
-			log$1(`tab → hidden (hidden=${_hiddenListeners.size} paused=${_pausedListeners.size})`);
+			log$1.debug(`tab → hidden (hidden=${_hiddenListeners.size} paused=${_pausedListeners.size})`);
 			for (const entry of _hiddenListeners) try {
 				entry.cb();
 			} catch (err) {
-				console.error("[TabVisibility] onTabHidden listener threw:", err);
+				log$1.error("onTabHidden listener threw:", err);
 			}
 			for (const entry of _pausedListeners) _schedulePausedEntry(entry);
 		} else if (visible && !_isVisible.value) {
@@ -2093,11 +2088,11 @@ function _init() {
 			const hiddenMs = _hiddenAt != null ? Date.now() - _hiddenAt : 0;
 			_hiddenAt = null;
 			_isVisible.value = true;
-			log$1(`tab → visible (hiddenMs=${hiddenMs}, visible-listeners=${_visibleListeners.size})`);
+			log$1.debug(`tab → visible (hiddenMs=${hiddenMs}, visible-listeners=${_visibleListeners.size})`);
 			for (const { cb } of _visibleListeners) try {
 				cb({ hiddenMs });
 			} catch (err) {
-				console.error("[TabVisibility] onTabVisible listener threw:", err);
+				log$1.error("onTabVisible listener threw:", err);
 			}
 		}
 	});
@@ -2576,14 +2571,7 @@ async function processWebRTCMessage(handler, msg) {
 }
 //#endregion
 //#region src/streaming/streamConnection.ts
-function log(...args) {
-	const d = /* @__PURE__ */ new Date();
-	const hh = String(d.getHours()).padStart(2, "0");
-	const mm = String(d.getMinutes()).padStart(2, "0");
-	const ss = String(d.getSeconds()).padStart(2, "0");
-	const ms = String(d.getMilliseconds()).padStart(3, "0");
-	console.log(`[StreamConnection ${hh}:${mm}:${ss}.${ms}]`, ...args);
-}
+var log = new Logger("StreamConnection");
 var StreamConnection = class {
 	status;
 	activeMode;
@@ -2691,19 +2679,19 @@ var StreamConnection = class {
 		this.stopReconnectTimeout = stopReconnectTimeout;
 		this.setupWatchers();
 		this.offTabPaused = onTabPaused(() => {
-			log(`onTabPaused fired — status=${this.status.value}, isReady=${this.isReady.value}, target=${!!this.target.value}`);
+			log.debug(`onTabPaused fired — status=${this.status.value}, isReady=${this.isReady.value}, target=${!!this.target.value}`);
 			if (this.status.value === "idle" || this.status.value === "closed") {
-				log(`onTabPaused — already in ${this.status.value}, skipping stop()`);
+				log.debug(`onTabPaused — already in ${this.status.value}, skipping stop()`);
 				return;
 			}
 			this.wasPausedByVisibility = true;
 			this.stop();
-			log("onTabPaused — stop() done, wasPausedByVisibility=true");
+			log.debug("onTabPaused — stop() done, wasPausedByVisibility=true");
 		});
 		this.offTabVisible = onTabVisible(() => {
-			log(`onTabVisible fired — wasPausedByVisibility=${this.wasPausedByVisibility}, status=${this.status.value}, isReady=${this.isReady.value}, target=${!!this.target.value}`);
+			log.debug(`onTabVisible fired — wasPausedByVisibility=${this.wasPausedByVisibility}, status=${this.status.value}, isReady=${this.isReady.value}, target=${!!this.target.value}`);
 			if (!this.wasPausedByVisibility) {
-				log("onTabVisible — not paused by visibility, no-op");
+				log.debug("onTabVisible — not paused by visibility, no-op");
 				return;
 			}
 			this.wasPausedByVisibility = false;
@@ -2714,13 +2702,13 @@ var StreamConnection = class {
 		}, { immediate: true });
 	}
 	async start() {
-		log(`start() called — status=${this.status.value}, isReady=${this.isReady.value}`);
+		log.debug(`start() called — status=${this.status.value}, isReady=${this.isReady.value}`);
 		if (this.status.value !== "idle" && this.status.value !== "closed") {
-			log(`start() — skipped, status is ${this.status.value}`);
+			log.debug(`start() — skipped, status is ${this.status.value}`);
 			return;
 		}
 		if (!this.isReady.value) {
-			log("start() — skipped, isReady=false");
+			log.debug("start() — skipped, isReady=false");
 			return;
 		}
 		this.cleanup();
@@ -2731,32 +2719,32 @@ var StreamConnection = class {
 		this.isPlaying.value = false;
 		try {
 			if (!this.initializeSource()) {
-				log("start() — no streaming source available");
+				log.debug("start() — no streaming source available");
 				this.error.value = /* @__PURE__ */ new Error("No streaming source available");
 				this.status.value = "error";
 				return;
 			}
 			await this.probeStream();
 			if (gen !== this.connectionGeneration) {
-				log("start() — generation stale after probe, aborting");
+				log.debug("start() — generation stale after probe, aborting");
 				return;
 			}
 			this.initializeSource();
-			log("start() — connecting WebSocket");
+			log.debug("start() — connecting WebSocket");
 			this.connectWebSocket();
 		} catch (err) {
 			if (gen !== this.connectionGeneration) return;
-			log("start() — error:", err);
+			log.debug("start() — error:", err);
 			this.error.value = err instanceof Error ? err : new Error(String(err));
 			this.status.value = "error";
 		}
 	}
 	stop() {
 		if (this.status.value === "closed") {
-			log("stop() — already closed, no-op");
+			log.debug("stop() — already closed, no-op");
 			return;
 		}
-		log(`stop() — was ${this.status.value}, transitioning to closed`);
+		log.debug(`stop() — was ${this.status.value}, transitioning to closed`);
 		++this.connectionGeneration;
 		this.status.value = "closed";
 		this.cleanup();
@@ -2855,14 +2843,14 @@ var StreamConnection = class {
 	}
 	startWhenReady() {
 		if (this.isReady.value) {
-			log("startWhenReady — already ready, calling start() now");
+			log.debug("startWhenReady — already ready, calling start() now");
 			this.start();
 			return;
 		}
-		log(`startWhenReady — not ready (camera=${!!this.camera.value}, video=${!!this.videoElement.value}, target=${!!this.target.value}), watching isReady`);
+		log.debug(`startWhenReady — not ready (camera=${!!this.camera.value}, video=${!!this.videoElement.value}, target=${!!this.target.value}), watching isReady`);
 		const stop = watch(this.isReady, (ready) => {
 			if (!ready) return;
-			log("startWhenReady — isReady → true, calling start()");
+			log.debug("startWhenReady — isReady → true, calling start()");
 			stop();
 			this.start();
 		});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camera.ui/browser",
-  "version": "0.0.120",
+  "version": "0.0.122",
   "description": "camera.ui browser client",
   "author": "seydx (https://github.com/cameraui/clients)",
   "type": "module",
@@ -21,49 +21,50 @@
     "dev": "vite build --watch",
     "format": "prettier --write 'src/' --ignore-unknown --no-error-on-unmatched-pattern",
     "install-updates": "npm i --save",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix .",
-    "prepublishOnly": "npm i --package-lock-only && npm run lint:fix && npm run format && npm run build",
+    "lint": "eslint --fix .",
+    "prepublishOnly": "npm i --package-lock-only && npm run lint && npm run format && npm run build",
     "test": "vitest run --passWithNoTests",
     "test:watch": "vitest",
     "update": "updates --update ./"
   },
   "peerDependencies": {
+    "@camera.ui/logger": ">=0.0.2",
     "@camera.ui/rpc": ">=1.0.4",
-    "@camera.ui/sdk": ">=0.0.9",
+    "@camera.ui/sdk": ">=0.0.11",
     "@camera.ui/transport": ">=0.0.1",
     "@vueuse/core": ">=14.3.0",
     "vue": ">=3.5.39"
   },
   "devDependencies": {
+    "@camera.ui/logger": "file:../../packages/logger",
     "@camera.ui/rpc": "^1.0.4",
-    "@camera.ui/sdk": "~0.0.9",
+    "@camera.ui/sdk": "~0.0.11",
     "@camera.ui/transport": "file:../../packages/transport",
     "@eneris/push-receiver": "^4.3.1",
     "@microsoft/api-extractor": "^7.58.9",
     "@stylistic/eslint-plugin": "^5.10.0",
     "@types/webrtc": "^0.0.47",
-    "@typescript-eslint/parser": "^8.62.0",
+    "@typescript-eslint/parser": "^8.62.1",
     "@vitejs/plugin-vue": "^6.0.7",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.9.0",
-    "@vue/language-core": "^3.3.5",
+    "@vue/language-core": "^3.3.6",
     "@vue/tsconfig": "^0.9.1",
     "@vueuse/core": "^14.3.0",
     "@webgpu/types": "^0.1.71",
     "eslint": "9.39.2",
     "eslint-plugin-vue": "^10.9.2",
     "globals": "^17.7.0",
-    "prettier": "^3.9.1",
+    "prettier": "^3.9.4",
     "rimraf": "^6.1.3",
     "typescript": "5.9.3",
-    "typescript-eslint": "^8.62.0",
+    "typescript-eslint": "^8.62.1",
     "unplugin-dts": "^1.0.3",
     "updates": "^17.18.1",
-    "vite": "^8.1.0",
+    "vite": "^8.1.2",
     "vitest": "^4.1.9",
     "vue": "^3.5.39",
-    "vue-tsc": "^3.3.5"
+    "vue-tsc": "^3.3.6"
   },
   "overrides": {
     "@vue/language-core": "$@vue/language-core"