@stream-io/video-client 1.17.1 → 1.18.1

package/CHANGELOG.md

@@ -2,6 +2,26 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.18.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.18.0...@stream-io/video-client-1.18.1) (2025-02-28)
+
+
+### Bug Fixes
+
+* prevent reconnecting state when offline ([#1703](https://github.com/GetStream/stream-video-js/issues/1703)) ([aeac90d](https://github.com/GetStream/stream-video-js/commit/aeac90d8b7b14820e3e0e30282e51fc7824f8bf8))
+
+## [1.18.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.17.1...@stream-io/video-client-1.18.0) (2025-02-26)
+
+
+### Features
+
+* align SDK version reporting, use higher-entropy user agent data for stats ([#1696](https://github.com/GetStream/stream-video-js/issues/1696)) ([e02e8d9](https://github.com/GetStream/stream-video-js/commit/e02e8d9b3843086a3fa859a8bd31ba65ace5a7fd))
+
+
+### Bug Fixes
+
+* don't implicitly mark calls as `ringing` ([#1697](https://github.com/GetStream/stream-video-js/issues/1697)) ([3429a7b](https://github.com/GetStream/stream-video-js/commit/3429a7ba52e13a43b96d2c3c28f270da111f84b2)), closes [/github.com/GetStream/stream-video-js/issues/1561#issuecomment-2662584543](https://github.com/GetStream//github.com/GetStream/stream-video-js/issues/1561/issues/issuecomment-2662584543)
+* use axios version that doesnt import node specific module ([#1699](https://github.com/GetStream/stream-video-js/issues/1699)) ([414e01b](https://github.com/GetStream/stream-video-js/commit/414e01b9c7e4c4862b429e48c506673bcc228fa4))
+
 ## [1.17.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.17.0...@stream-io/video-client-1.17.1) (2025-02-19)
 
 

package/dist/index.browser.es.js

@@ -7463,7 +7463,7 @@ const aggregate = (stats) => {
     return report;
 };
 
-const version = "1.17.1";
+const version = "1.18.1";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -7484,15 +7484,9 @@ const getSdkInfo = () => {
 const setOSInfo = (info) => {
     osInfo = info;
 };
-const getOSInfo = () => {
-    return osInfo;
-};
 const setDeviceInfo = (info) => {
     deviceInfo = info;
 };
-const getDeviceInfo = () => {
-    return deviceInfo;
-};
 const getWebRTCInfo = () => {
     return webRtcInfo;
 };
@@ -7560,26 +7554,40 @@ const setPowerState = (powerMode) => {
 const getDeviceState = () => {
     return deviceState;
 };
-const getClientDetails = () => {
+const getClientDetails = async () => {
     if (isReactNative()) {
         // Since RN doesn't support web, sharing browser info is not required
         return {
-            sdk: getSdkInfo(),
-            os: getOSInfo(),
-            device: getDeviceInfo(),
+            sdk: sdkInfo,
+            os: osInfo,
+            device: deviceInfo,
         };
     }
+    // @ts-expect-error - userAgentData is not yet in the TS types
+    const userAgentDataApi = navigator.userAgentData;
+    let userAgentData;
+    if (userAgentDataApi && userAgentDataApi.getHighEntropyValues) {
+        try {
+            userAgentData = await userAgentDataApi.getHighEntropyValues([
+                'platform',
+                'platformVersion',
+            ]);
+        }
+        catch (e) {
+            // Ignore the error
+        }
+    }
     const userAgent = new UAParser(navigator.userAgent);
     const { browser, os, device, cpu } = userAgent.getResult();
     return {
-        sdk: getSdkInfo(),
+        sdk: sdkInfo,
         browser: {
             name: browser.name || navigator.userAgent,
             version: browser.version || '',
         },
         os: {
-            name: os.name || '',
-            version: os.version || '',
+            name: userAgentData?.platform || os.name || '',
+            version: userAgentData?.platformVersion || os.version || '',
             architecture: cpu.architecture || '',
         },
         device: {
@@ -7808,8 +7816,6 @@ const globalOverrideKey = Symbol('globalOverrideKey');
 class DynascaleManager {
     /**
      * Creates a new DynascaleManager instance.
-     *
-     * @param call the call to manage.
      */
     constructor(callState, speaker) {
         /**
@@ -10447,6 +10453,7 @@ class Call {
                 this.leaveCallHooks.forEach((hook) => hook());
                 this.initialized = false;
                 this.hasJoinedOnce = false;
+                this.ringingSubject.next(false);
                 this.clientStore.unregisterCall(this);
                 this.camera.dispose();
                 this.microphone.dispose();
@@ -10505,7 +10512,7 @@ class Call {
             this.state.updateFromCallResponse(response.call);
             this.state.setMembers(response.members);
             this.state.setOwnCapabilities(response.own_capabilities);
-            if (params?.ring || this.ringing) {
+            if (params?.ring) {
                 // the call response can indicate where the call is still ringing or not
                 this.ringingSubject.next(true);
             }
@@ -10527,7 +10534,7 @@ class Call {
             this.state.updateFromCallResponse(response.call);
             this.state.setMembers(response.members);
             this.state.setOwnCapabilities(response.own_capabilities);
-            if (data?.ring || this.ringing) {
+            if (data?.ring) {
                 // the call response can indicate where the call is still ringing or not
                 this.ringingSubject.next(true);
             }
@@ -10617,8 +10624,13 @@ class Call {
                     statsOptions = joinResponse.stats_options;
                 }
                 catch (error) {
-                    // restore the previous call state if the join-flow fails
-                    this.state.setCallingState(callingState);
+                    // prevent triggering reconnect flow if the state is OFFLINE
+                    const avoidRestoreState = this.state.callingState === CallingState.OFFLINE &&
+                        callingState === CallingState.RECONNECTING;
+                    if (!avoidRestoreState) {
+                        // restore the previous call state if the join-flow fails
+                        this.state.setCallingState(callingState);
+                    }
                     throw error;
                 }
             }
@@ -10639,7 +10651,7 @@ class Call {
                 : previousSfuClient;
             this.sfuClient = sfuClient;
             this.dynascaleManager.setSfuClient(sfuClient);
-            const clientDetails = getClientDetails();
+            const clientDetails = await getClientDetails();
             // we don't need to send JoinRequest if we are re-using an existing healthy SFU client
             if (previousSfuClient !== sfuClient) {
                 // prepare a generic SDP and send it to the SFU.
@@ -10898,7 +10910,7 @@ class Call {
             this.state.updateFromCallResponse(joinResponse.call);
             this.state.setMembers(joinResponse.members);
             this.state.setOwnCapabilities(joinResponse.own_capabilities);
-            if (data?.ring && !this.ringing) {
+            if (data?.ring) {
                 this.ringingSubject.next(true);
             }
             if (this.ringing && !this.isCreatedByMe) {
@@ -11767,7 +11779,7 @@ class Call {
          * @param custom Custom data
          */
         this.submitFeedback = async (rating, { reason, custom, } = {}) => {
-            const { sdkName, sdkVersion, ...platform } = getSdkSignature(getClientDetails());
+            const { sdkName, sdkVersion, ...platform } = getSdkSignature(await getClientDetails());
             return this.streamClient.post(`${this.streamClientBasePath}/feedback`, {
                 rating,
                 reason,
@@ -12453,7 +12465,7 @@ class StableWSConnection {
             }
         }
         catch (err) {
-            await this.client._setupConnectionIdPromise();
+            this.client._setupConnectionIdPromise();
             this.isConnecting = false;
             // @ts-ignore
             this._log(`_connect() - Error - `, err);
@@ -12766,8 +12778,7 @@ class StreamClient {
             if (this.userID) {
                 throw new Error('Use client.disconnect() before trying to connect as a different user. connectUser was called twice.');
             }
-            if ((this._isUsingServerAuth() || this.node) &&
-                !this.options.allowServerSideConnect) {
+            if ((this.secret || this.node) && !this.options.allowServerSideConnect) {
                 this.logger('warn', 'Please do not use connectUser server side. Use our @stream-io/node-sdk instead: https://getstream.io/video/docs/api/');
             }
             // we generate the client id client side
@@ -12835,7 +12846,7 @@ class StreamClient {
                 this.logger('info', 'client:openConnection() - openConnection called twice, healthy connection already exists');
                 return;
             }
-            await this._setupConnectionIdPromise();
+            this._setupConnectionIdPromise();
             this.clientID = `${this.userID}--${randomId()}`;
             const newWsPromise = this.connect();
             this.wsPromiseSafe = makeSafePromise(newWsPromise);
@@ -12872,7 +12883,7 @@ class StreamClient {
          */
         this.connectAnonymousUser = async (user, tokenOrProvider) => {
             addConnectionEventListeners(this.updateNetworkConnectionStatus);
-            await this._setupConnectionIdPromise();
+            this._setupConnectionIdPromise();
             this.anonymous = true;
             await this._setToken(user, tokenOrProvider, this.anonymous);
             this._setUser(user);
@@ -12922,12 +12933,16 @@ class StreamClient {
             }));
         };
         this._logApiRequest = (type, url, data, config) => {
+            if (getLogLevel() !== 'trace')
+                return;
             this.logger('trace', `client: ${type} - Request - ${url}`, {
                 payload: data,
                 config,
             });
         };
         this._logApiResponse = (type, url, response) => {
+            if (getLogLevel() !== 'trace')
+                return;
             this.logger('trace', `client:${type} - Response - url: ${url} > status ${response.status}`, {
                 response,
             });
@@ -13076,17 +13091,17 @@ class StreamClient {
             return await this.wsConnection.connect(this.defaultWSTimeout);
         };
         this.getUserAgent = () => {
-            const version = "1.17.1";
-            return (this.userAgent ||
-                `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${version}`);
-        };
-        this.setUserAgent = (userAgent) => {
-            this.userAgent = userAgent;
+            if (!this.cachedUserAgent) {
+                const { clientAppIdentifier = {} } = this.options;
+                const { sdkName = 'js', sdkVersion = "1.18.1", ...extras } = clientAppIdentifier;
+                this.cachedUserAgent = [
+                    `stream-video-${sdkName}-v${sdkVersion}`,
+                    ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),
+                    `client_bundle=${"browser-esm"}`,
+                ].join('|');
+            }
+            return this.cachedUserAgent;
         };
-        /**
-         * _isUsingServerAuth - Returns true if we're using server side auth
-         */
-        this._isUsingServerAuth = () => !!this.secret;
         this._enrichAxiosOptions = (options = {
             params: {},
             headers: {},
@@ -13199,24 +13214,32 @@ class StreamClient {
 const getInstanceKey = (apiKey, user) => {
     return `${apiKey}/${user.id}`;
 };
+/**
+ * Utility function to get the client app identifier.
+ */
+const getClientAppIdentifier = (options) => {
+    const appId = options?.clientAppIdentifier || {};
+    const sdkInfo = getSdkInfo();
+    if (sdkInfo) {
+        // ensure the sdk name and version are set correctly,
+        // overriding any user-provided values
+        appId.sdkName = SdkType[sdkInfo.type].toLowerCase();
+        appId.sdkVersion = `${sdkInfo.major}.${sdkInfo.minor}.${sdkInfo.patch}`;
+    }
+    return appId;
+};
 /**
  * Creates a coordinator client.
  */
 const createCoordinatorClient = (apiKey, options) => {
+    const clientAppIdentifier = getClientAppIdentifier(options);
     const coordinatorLogger = getLogger(['coordinator']);
-    const streamClient = new StreamClient(apiKey, {
+    return new StreamClient(apiKey, {
         persistUserOnConnectionFailure: true,
         ...options,
+        clientAppIdentifier,
         logger: coordinatorLogger,
     });
-    const sdkInfo = getSdkInfo();
-    if (sdkInfo) {
-        const sdkName = SdkType[sdkInfo.type].toLowerCase();
-        const sdkVersion = `${sdkInfo.major}.${sdkInfo.minor}.${sdkInfo.patch}`;
-        const userAgent = streamClient.getUserAgent();
-        streamClient.setUserAgent(`${userAgent}-video-${sdkName}-sdk-${sdkVersion}`);
-    }
-    return streamClient;
 };
 /**
  * Creates a token provider and allows integrators to provide
@@ -13583,5 +13606,5 @@ class StreamVideoClient {
 }
 StreamVideoClient._instances = new Map();
 
-export { AudioSettingsRequestDefaultDeviceEnum, AudioSettingsResponseDefaultDeviceEnum, browsers as Browsers, Call, CallState, CallType, CallTypes, CallingState, CameraManager, CameraManagerState, CreateDeviceRequestPushProviderEnum, DebounceType, DynascaleManager, ErrorFromResponse, FrameRecordingSettingsRequestModeEnum, FrameRecordingSettingsResponseModeEnum, InputMediaDeviceManager, InputMediaDeviceManagerState, LayoutSettingsRequestNameEnum, MicrophoneManager, MicrophoneManagerState, NoiseCancellationSettingsModeEnum, OwnCapability, RTMPBroadcastRequestQualityEnum, RTMPSettingsRequestQualityEnum, RecordSettingsRequestModeEnum, RecordSettingsRequestQualityEnum, rxUtils as RxUtils, ScreenShareManager, ScreenShareState, events as SfuEvents, models as SfuModels, SpeakerManager, SpeakerState, 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, getDeviceInfo, getDeviceState, getLogLevel, getLogger, getOSInfo, getScreenShareStream, getSdkInfo, getVideoBrowserPermission, getVideoDevices, getVideoStream, getWebRTCInfo, hasAudio, hasScreenShare, hasScreenShareAudio, hasVideo, isPinned, livestreamOrAudioRoomSortPreset, logLevels, logToConsole, name, noopComparator, paginatedLayoutSortPreset, pinned, publishingAudio, publishingVideo, reactionType, role, screenSharing, setDeviceInfo, setLogLevel, setLogger, setOSInfo, setPowerState, setSdkInfo, setThermalState, setWebRTCInfo, speakerLayoutSortPreset, speaking };
+export { AudioSettingsRequestDefaultDeviceEnum, AudioSettingsResponseDefaultDeviceEnum, browsers as Browsers, Call, CallState, CallType, CallTypes, CallingState, CameraManager, CameraManagerState, CreateDeviceRequestPushProviderEnum, DebounceType, DynascaleManager, ErrorFromResponse, FrameRecordingSettingsRequestModeEnum, FrameRecordingSettingsResponseModeEnum, InputMediaDeviceManager, InputMediaDeviceManagerState, LayoutSettingsRequestNameEnum, MicrophoneManager, MicrophoneManagerState, NoiseCancellationSettingsModeEnum, OwnCapability, RTMPBroadcastRequestQualityEnum, RTMPSettingsRequestQualityEnum, RecordSettingsRequestModeEnum, RecordSettingsRequestQualityEnum, rxUtils as RxUtils, ScreenShareManager, ScreenShareState, events as SfuEvents, models as SfuModels, SpeakerManager, SpeakerState, 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, getLogLevel, getLogger, getScreenShareStream, getSdkInfo, getVideoBrowserPermission, getVideoDevices, getVideoStream, getWebRTCInfo, hasAudio, hasScreenShare, hasScreenShareAudio, hasVideo, isPinned, livestreamOrAudioRoomSortPreset, logLevels, logToConsole, name, noopComparator, paginatedLayoutSortPreset, pinned, publishingAudio, publishingVideo, reactionType, role, screenSharing, setDeviceInfo, setLogLevel, setLogger, setOSInfo, setPowerState, setSdkInfo, setThermalState, setWebRTCInfo, speakerLayoutSortPreset, speaking };
 //# sourceMappingURL=index.browser.es.js.map