@camstack/ui-library 1.1.12 → 1.1.14

package/dist/index.cjs

@@ -37361,8 +37361,12 @@ function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay = true, mute
 		updateState("connecting");
 		const abort = new AbortController();
 		connectAbortRef.current = abort;
+		const t0 = performance.now();
+		const ms = () => Math.round(performance.now() - t0);
+		const timing = {};
 		try {
 			const iceServers = await getIceServers?.();
+			timing.iceServersMs = ms();
 			if (!mountedRef.current || abort.signal.aborted) return;
 			const pc = new RTCPeerConnection({ iceServers: [...iceServers ?? [], { urls: "stun:stun.l.google.com:19302" }] });
 			if (!seamless) pcRef.current = pc;
@@ -37385,6 +37389,7 @@ function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay = true, mute
 				}
 			};
 			pc.ontrack = (event) => {
+				if (timing.firstTrackMs === void 0) timing.firstTrackMs = ms();
 				console.debug("[WebRTC] ontrack (client-offer)", event.track.kind, event.track.readyState);
 				combinedStream.addTrack(event.track);
 				if (seamless) {
@@ -37396,11 +37401,20 @@ function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay = true, mute
 					videoRef.current.play().catch(() => {});
 				}
 			};
+			let timingLogged = false;
 			pc.oniceconnectionstatechange = () => {
 				if (!mountedRef.current) return;
 				const iceState = pc.iceConnectionState;
 				console.debug("[WebRTC] ICE state (client-offer):", iceState);
 				if (iceState === "connected" || iceState === "completed") {
+					if (!timingLogged) {
+						timingLogged = true;
+						timing.iceConnectedMs = ms();
+						console.info("[WebRTC timing] client-offer connected", {
+							streamKey,
+							...timing
+						});
+					}
 					reconnectAttemptsRef.current = 0;
 					if (seamless) swapInOnce();
 					updateState("playing");
@@ -37428,9 +37442,13 @@ function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay = true, mute
 				onControlChannelRef.current(control);
 			}
 			const offer = await pc.createOffer();
+			timing.offerCreatedMs = ms();
 			await pc.setLocalDescription(offer);
+			timing.localSetMs = ms();
 			if (!mountedRef.current || abort.signal.aborted) return;
+			const signalingStart = ms();
 			const { sessionId: sid, sdpAnswer } = await handleOffer(pc.localDescription?.sdp ?? offer.sdp ?? "");
+			timing.signalingRttMs = ms() - signalingStart;
 			sessionId = sid;
 			sessionIdsRef.current.add(sid);
 			activeSessionIdRef.current = sid;
@@ -37445,6 +37463,7 @@ function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay = true, mute
 				type: "answer",
 				sdp: sdpAnswer
 			});
+			timing.answerSetMs = ms();
 			console.debug("[WebRTC] Client-offer answer set (trickle)", { sessionId: sid.slice(0, 8) });
 			if (getIceCandidates) {
 				const seen = /* @__PURE__ */ new Set();

package/dist/index.js

@@ -37337,8 +37337,12 @@ function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay = true, mute
 		updateState("connecting");
 		const abort = new AbortController();
 		connectAbortRef.current = abort;
+		const t0 = performance.now();
+		const ms = () => Math.round(performance.now() - t0);
+		const timing = {};
 		try {
 			const iceServers = await getIceServers?.();
+			timing.iceServersMs = ms();
 			if (!mountedRef.current || abort.signal.aborted) return;
 			const pc = new RTCPeerConnection({ iceServers: [...iceServers ?? [], { urls: "stun:stun.l.google.com:19302" }] });
 			if (!seamless) pcRef.current = pc;
@@ -37361,6 +37365,7 @@ function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay = true, mute
 				}
 			};
 			pc.ontrack = (event) => {
+				if (timing.firstTrackMs === void 0) timing.firstTrackMs = ms();
 				console.debug("[WebRTC] ontrack (client-offer)", event.track.kind, event.track.readyState);
 				combinedStream.addTrack(event.track);
 				if (seamless) {
@@ -37372,11 +37377,20 @@ function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay = true, mute
 					videoRef.current.play().catch(() => {});
 				}
 			};
+			let timingLogged = false;
 			pc.oniceconnectionstatechange = () => {
 				if (!mountedRef.current) return;
 				const iceState = pc.iceConnectionState;
 				console.debug("[WebRTC] ICE state (client-offer):", iceState);
 				if (iceState === "connected" || iceState === "completed") {
+					if (!timingLogged) {
+						timingLogged = true;
+						timing.iceConnectedMs = ms();
+						console.info("[WebRTC timing] client-offer connected", {
+							streamKey,
+							...timing
+						});
+					}
 					reconnectAttemptsRef.current = 0;
 					if (seamless) swapInOnce();
 					updateState("playing");
@@ -37404,9 +37418,13 @@ function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay = true, mute
 				onControlChannelRef.current(control);
 			}
 			const offer = await pc.createOffer();
+			timing.offerCreatedMs = ms();
 			await pc.setLocalDescription(offer);
+			timing.localSetMs = ms();
 			if (!mountedRef.current || abort.signal.aborted) return;
+			const signalingStart = ms();
 			const { sessionId: sid, sdpAnswer } = await handleOffer(pc.localDescription?.sdp ?? offer.sdp ?? "");
+			timing.signalingRttMs = ms() - signalingStart;
 			sessionId = sid;
 			sessionIdsRef.current.add(sid);
 			activeSessionIdRef.current = sid;
@@ -37421,6 +37439,7 @@ function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay = true, mute
 				type: "answer",
 				sdp: sdpAnswer
 			});
+			timing.answerSetMs = ms();
 			console.debug("[WebRTC] Client-offer answer set (trickle)", { sessionId: sid.slice(0, 8) });
 			if (getIceCandidates) {
 				const seen = /* @__PURE__ */ new Set();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camstack/ui-library",
-  "version": "1.1.12",
+  "version": "1.1.14",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",