@stream-io/video-client 1.37.3 → 1.38.1

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.38.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.38.0...@stream-io/video-client-1.38.1) (2025-12-08)
+
+### Bug Fixes
+
+- added call state update for handling case when call.ring event as not triggered ([#2035](https://github.com/GetStream/stream-video-js/issues/2035)) ([3c79665](https://github.com/GetStream/stream-video-js/commit/3c79665323ad5172d3af35e9ee2f86655ac11670))
+- **state:** ensure stable empty array for participant predicates ([#2036](https://github.com/GetStream/stream-video-js/issues/2036)) ([1aa72c8](https://github.com/GetStream/stream-video-js/commit/1aa72c8daf482bd157866960b4b9a92e272ac90b)), closes [#2034](https://github.com/GetStream/stream-video-js/issues/2034) [#2008](https://github.com/GetStream/stream-video-js/issues/2008)
+
+## [1.38.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.37.3...@stream-io/video-client-1.38.0) (2025-12-08)
+
+### Features
+
+- **LivestreamLayout:** Enrich with mute option and humanized participant count ([#2027](https://github.com/GetStream/stream-video-js/issues/2027)) ([cdc0c4f](https://github.com/GetStream/stream-video-js/commit/cdc0c4f985ab15a6c2e184b73432911510b43f99))
+- **react:** Extend the statistics report with audio stats ([#2020](https://github.com/GetStream/stream-video-js/issues/2020)) ([0f4df3c](https://github.com/GetStream/stream-video-js/commit/0f4df3ce5f3b865c8ef09766dd72bc33f65539f3))
+
 ## [1.37.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.37.2...@stream-io/video-client-1.37.3) (2025-11-25)
 
 - instructions for Claude and other coding agents ([#2012](https://github.com/GetStream/stream-video-js/issues/2012)) ([08a3459](https://github.com/GetStream/stream-video-js/commit/08a345954f7cb5b1fae5a4b39b5b585bf1f631ec))

package/dist/index.browser.es.js

@@ -4485,6 +4485,19 @@ class StreamVideoWriteableStateStore {
                 this.setCalls((calls) => [...calls, call]);
             }
         };
+        /**
+         * Registers a {@link Call} object if it doesn't exist, otherwise updates it.
+         *
+         * @param call the call to register or update.
+         */
+        this.registerOrUpdateCall = (call) => {
+            if (this.calls.find((c) => c.cid === call.cid)) {
+                return this.setCalls((calls) => calls.map((c) => (c.cid === call.cid ? call : c)));
+            }
+            else {
+                return this.registerCall(call);
+            }
+        };
         /**
          * Removes a {@link Call} object from the list of {@link Call} objects created/tracked by this client.
          *
@@ -4878,7 +4891,7 @@ const createStableParticipantsFilter = (predicate) => {
     return (participants) => {
         // no need to filter if there are no participants
         if (!participants.length)
-            return participants;
+            return empty;
         // return a stable empty array if there are no remote participants
         // instead of creating an empty one
         const filteredParticipants = participants.filter(predicate);
@@ -6000,7 +6013,7 @@ const getSdkVersion = (sdk) => {
     return sdk ? `${sdk.major}.${sdk.minor}.${sdk.patch}` : '0.0.0-development';
 };
 
-const version = "1.37.3";
+const version = "1.38.1";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -6270,17 +6283,26 @@ const createStatsReporter = ({ subscriber, publisher, state, datacenter, polling
             getRawStatsForTrack('subscriber'),
             publisher ? getRawStatsForTrack('publisher') : undefined,
         ]);
-        const process = (report, kind) => aggregate(transform(report, { kind, trackKind: 'video', publisher }));
-        const subscriberStats = subscriberRawStats
+        const process = (report, kind) => {
+            const videoStats = aggregate(transform(report, { kind, trackKind: 'video', publisher }));
+            const audioStats = aggregateAudio(transform(report, { kind, trackKind: 'audio', publisher }));
+            return {
+                videoStats,
+                audioStats,
+            };
+        };
+        const subscriberResult = subscriberRawStats
             ? process(subscriberRawStats, 'subscriber')
-            : getEmptyStats();
-        const publisherStats = publisherRawStats
+            : { videoStats: getEmptyVideoStats(), audioStats: getEmptyAudioStats() };
+        const publisherResult = publisherRawStats
             ? process(publisherRawStats, 'publisher')
-            : getEmptyStats();
+            : { videoStats: getEmptyVideoStats(), audioStats: getEmptyAudioStats() };
         state.setCallStatsReport({
             datacenter,
-            publisherStats,
-            subscriberStats,
+            publisherStats: publisherResult.videoStats,
+            publisherAudioStats: publisherResult.audioStats,
+            subscriberStats: subscriberResult.videoStats,
+            subscriberAudioStats: subscriberResult.audioStats,
             subscriberRawStats,
             publisherRawStats,
             participants: participantStats,
@@ -6338,6 +6360,11 @@ const transform = (report, opts) => {
             roundTripTime = candidatePair?.currentRoundTripTime;
         }
         let trackType;
+        let audioLevel;
+        let concealedSamples;
+        let concealmentEvents;
+        let packetsReceived;
+        let packetsLost;
         if (kind === 'publisher' && publisher) {
             const firefox = isFirefox();
             const mediaSource = stats.find((s) => s.type === 'media-source' &&
@@ -6345,7 +6372,22 @@ const transform = (report, opts) => {
                 (firefox ? true : s.id === rtcStreamStats.mediaSourceId));
             if (mediaSource) {
                 trackType = publisher.getTrackType(mediaSource.trackIdentifier);
+                if (trackKind === 'audio' &&
+                    typeof mediaSource.audioLevel === 'number') {
+                    audioLevel = mediaSource.audioLevel;
+                }
+            }
+        }
+        else if (kind === 'subscriber' && trackKind === 'audio') {
+            const inboundStats = rtcStreamStats;
+            const inboundLevel = inboundStats.audioLevel;
+            if (typeof inboundLevel === 'number') {
+                audioLevel = inboundLevel;
             }
+            concealedSamples = inboundStats.concealedSamples;
+            concealmentEvents = inboundStats.concealmentEvents;
+            packetsReceived = inboundStats.packetsReceived;
+            packetsLost = inboundStats.packetsLost;
         }
         return {
             bytesSent: rtcStreamStats.bytesSent,
@@ -6362,6 +6404,11 @@ const transform = (report, opts) => {
             rid: rtcStreamStats.rid,
             ssrc: rtcStreamStats.ssrc,
             trackType,
+            audioLevel,
+            concealedSamples,
+            concealmentEvents,
+            packetsReceived,
+            packetsLost,
         };
     });
     return {
@@ -6370,7 +6417,7 @@ const transform = (report, opts) => {
         timestamp: Date.now(),
     };
 };
-const getEmptyStats = (stats) => {
+const getEmptyVideoStats = (stats) => {
     return {
         rawReport: stats ?? { streams: [], timestamp: Date.now() },
         totalBytesSent: 0,
@@ -6386,13 +6433,28 @@ const getEmptyStats = (stats) => {
         timestamp: Date.now(),
     };
 };
+const getEmptyAudioStats = () => {
+    return {
+        totalBytesSent: 0,
+        totalBytesReceived: 0,
+        averageJitterInMs: 0,
+        averageRoundTripTimeInMs: 0,
+        codec: '',
+        codecPerTrackType: {},
+        timestamp: Date.now(),
+        totalConcealedSamples: 0,
+        totalConcealmentEvents: 0,
+        totalPacketsReceived: 0,
+        totalPacketsLost: 0,
+    };
+};
 /**
  * Aggregates generic stats.
  *
  * @param stats the stats to aggregate.
  */
 const aggregate = (stats) => {
-    const aggregatedStats = getEmptyStats(stats);
+    const aggregatedStats = getEmptyVideoStats(stats);
     let maxArea = -1;
     const area = (w, h) => w * h;
     const qualityLimitationReasons = new Set();
@@ -6437,6 +6499,39 @@ const aggregate = (stats) => {
     }
     return report;
 };
+/**
+ * Aggregates audio stats from a stats report.
+ *
+ * @param stats the stats report containing audio streams.
+ * @returns aggregated audio stats.
+ */
+const aggregateAudio = (stats) => {
+    const streams = stats.streams;
+    const audioStats = getEmptyAudioStats();
+    const report = streams.reduce((acc, stream) => {
+        acc.totalBytesSent += stream.bytesSent || 0;
+        acc.totalBytesReceived += stream.bytesReceived || 0;
+        acc.averageJitterInMs += stream.jitter || 0;
+        acc.averageRoundTripTimeInMs += stream.currentRoundTripTime || 0;
+        acc.totalConcealedSamples += stream.concealedSamples || 0;
+        acc.totalConcealmentEvents += stream.concealmentEvents || 0;
+        acc.totalPacketsReceived += stream.packetsReceived || 0;
+        acc.totalPacketsLost += stream.packetsLost || 0;
+        return acc;
+    }, audioStats);
+    if (streams.length > 0) {
+        report.averageJitterInMs = Math.round((report.averageJitterInMs / streams.length) * 1000);
+        report.averageRoundTripTimeInMs = Math.round((report.averageRoundTripTimeInMs / streams.length) * 1000);
+        report.codec = streams[0].codec || '';
+        report.codecPerTrackType = streams.reduce((acc, stream) => {
+            if (stream.trackType) {
+                acc[stream.trackType] = stream.codec || '';
+            }
+            return acc;
+        }, {});
+    }
+    return report;
+};
 
 class SfuStatsReporter {
     constructor(sfuClient, { options, clientDetails, subscriber, publisher, microphone, camera, state, tracer, unifiedSessionId, }) {
@@ -10320,7 +10415,6 @@ class DeviceManager {
         }
     }
     async applySettingsToStream() {
-        console.log('applySettingsToStream ');
         await withCancellation(this.statusChangeConcurrencyTag, async (signal) => {
             if (this.enabled) {
                 try {
@@ -12156,7 +12250,7 @@ class Call {
             }
             if (this.streamClient._hasConnectionID()) {
                 this.watching = true;
-                this.clientStore.registerCall(this);
+                this.clientStore.registerOrUpdateCall(this);
             }
             await this.applyDeviceConfig(response.call.settings, false);
             return response;
@@ -12177,7 +12271,7 @@ class Call {
             }
             if (this.streamClient._hasConnectionID()) {
                 this.watching = true;
-                this.clientStore.registerCall(this);
+                this.clientStore.registerOrUpdateCall(this);
             }
             await this.applyDeviceConfig(response.call.settings, false);
             return response;
@@ -14918,7 +15012,7 @@ class StreamClient {
         this.getUserAgent = () => {
             if (!this.cachedUserAgent) {
                 const { clientAppIdentifier = {} } = this.options;
-                const { sdkName = 'js', sdkVersion = "1.37.3", ...extras } = clientAppIdentifier;
+                const { sdkName = 'js', sdkVersion = "1.38.1", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),
@@ -15510,5 +15604,27 @@ class StreamVideoClient {
 }
 StreamVideoClient._instances = new Map();
 
-export { AudioSettingsRequestDefaultDeviceEnum, AudioSettingsResponseDefaultDeviceEnum, browsers as Browsers, Call, CallState, CallType, CallTypes, CallingState, CameraManager, CameraManagerState, CreateDeviceRequestPushProviderEnum, DebounceType, DeviceManager, DeviceManagerState, DynascaleManager, ErrorFromResponse, FrameRecordingSettingsRequestModeEnum, FrameRecordingSettingsRequestQualityEnum, FrameRecordingSettingsResponseModeEnum, IngressAudioEncodingOptionsRequestChannelsEnum, IngressSourceRequestFpsEnum, IngressVideoLayerRequestCodecEnum, LayoutSettingsRequestNameEnum, MicrophoneManager, MicrophoneManagerState, NoiseCancellationSettingsModeEnum, OwnCapability, RNSpeechDetector, RTMPBroadcastRequestQualityEnum, RTMPSettingsRequestQualityEnum, RecordSettingsRequestModeEnum, RecordSettingsRequestQualityEnum, rxUtils as RxUtils, ScreenShareManager, ScreenShareState, events as SfuEvents, models as SfuModels, SpeakerManager, SpeakerState, StartClosedCaptionsRequestLanguageEnum, StartTranscriptionRequestLanguageEnum, StreamSfuClient, StreamVideoClient, StreamVideoReadOnlyStateStore, StreamVideoWriteableStateStore, TranscriptionSettingsRequestClosedCaptionModeEnum, TranscriptionSettingsRequestLanguageEnum, TranscriptionSettingsRequestModeEnum, TranscriptionSettingsResponseClosedCaptionModeEnum, TranscriptionSettingsResponseLanguageEnum, TranscriptionSettingsResponseModeEnum, VideoSettingsRequestCameraFacingEnum, VideoSettingsResponseCameraFacingEnum, ViewportTracker, VisibilityState, checkIfAudioOutputChangeSupported, combineComparators, conditional, createSoundDetector, defaultSortPreset, descending, deviceIds$, disposeOfMediaStream, dominantSpeaker, getAudioBrowserPermission, getAudioDevices, getAudioOutputDevices, getAudioStream, getClientDetails, getDeviceState, getScreenShareStream, getSdkInfo, getVideoBrowserPermission, getVideoDevices, getVideoStream, getWebRTCInfo, hasAudio, hasPausedTrack, hasScreenShare, hasScreenShareAudio, hasVideo, isPinned, livestreamOrAudioRoomSortPreset, logToConsole, name, noopComparator, paginatedLayoutSortPreset, pinned, publishingAudio, publishingVideo, reactionType, resolveDeviceId, role, screenSharing, setDeviceInfo, setOSInfo, setPowerState, setSdkInfo, setThermalState, setWebRTCInfo, speakerLayoutSortPreset, speaking, videoLoggerSystem, withParticipantSource };
+/**
+ * Formats large numbers into a compact, human-friendly form: 1k, 1.5k, 2M, etc.
+ */
+const humanize = (n) => {
+    if (n < 1000)
+        return String(n);
+    const units = [
+        { value: 1000000000, suffix: 'B' },
+        { value: 1000000, suffix: 'M' },
+        { value: 1000, suffix: 'k' },
+    ];
+    for (const { value, suffix } of units) {
+        if (n >= value) {
+            const num = n / value;
+            const precision = num < 100 ? 1 : 0; // show one decimal only for small leading numbers
+            const formatted = num.toFixed(precision).replace(/\.0$/g, '');
+            return `${formatted}${suffix}`;
+        }
+    }
+    return String(n);
+};
+
+export { AudioSettingsRequestDefaultDeviceEnum, AudioSettingsResponseDefaultDeviceEnum, browsers as Browsers, Call, CallState, CallType, CallTypes, CallingState, CameraManager, CameraManagerState, CreateDeviceRequestPushProviderEnum, DebounceType, DeviceManager, DeviceManagerState, DynascaleManager, ErrorFromResponse, FrameRecordingSettingsRequestModeEnum, FrameRecordingSettingsRequestQualityEnum, FrameRecordingSettingsResponseModeEnum, IngressAudioEncodingOptionsRequestChannelsEnum, IngressSourceRequestFpsEnum, IngressVideoLayerRequestCodecEnum, LayoutSettingsRequestNameEnum, MicrophoneManager, MicrophoneManagerState, NoiseCancellationSettingsModeEnum, OwnCapability, RNSpeechDetector, RTMPBroadcastRequestQualityEnum, RTMPSettingsRequestQualityEnum, RecordSettingsRequestModeEnum, RecordSettingsRequestQualityEnum, rxUtils as RxUtils, ScreenShareManager, ScreenShareState, events as SfuEvents, models as SfuModels, SpeakerManager, SpeakerState, StartClosedCaptionsRequestLanguageEnum, StartTranscriptionRequestLanguageEnum, StreamSfuClient, StreamVideoClient, StreamVideoReadOnlyStateStore, StreamVideoWriteableStateStore, TranscriptionSettingsRequestClosedCaptionModeEnum, TranscriptionSettingsRequestLanguageEnum, TranscriptionSettingsRequestModeEnum, TranscriptionSettingsResponseClosedCaptionModeEnum, TranscriptionSettingsResponseLanguageEnum, TranscriptionSettingsResponseModeEnum, VideoSettingsRequestCameraFacingEnum, VideoSettingsResponseCameraFacingEnum, ViewportTracker, VisibilityState, checkIfAudioOutputChangeSupported, combineComparators, conditional, createSoundDetector, defaultSortPreset, descending, deviceIds$, disposeOfMediaStream, dominantSpeaker, getAudioBrowserPermission, getAudioDevices, getAudioOutputDevices, getAudioStream, getClientDetails, getDeviceState, getScreenShareStream, getSdkInfo, getVideoBrowserPermission, getVideoDevices, getVideoStream, getWebRTCInfo, hasAudio, hasPausedTrack, hasScreenShare, hasScreenShareAudio, hasVideo, humanize, isPinned, livestreamOrAudioRoomSortPreset, logToConsole, name, noopComparator, paginatedLayoutSortPreset, pinned, publishingAudio, publishingVideo, reactionType, resolveDeviceId, role, screenSharing, setDeviceInfo, setOSInfo, setPowerState, setSdkInfo, setThermalState, setWebRTCInfo, speakerLayoutSortPreset, speaking, videoLoggerSystem, withParticipantSource };
 //# sourceMappingURL=index.browser.es.js.map