@stream-io/video-client 1.7.2 → 1.7.3

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.7.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.7.2...@stream-io/video-client-1.7.3) (2024-09-24)
+
+
+### Bug Fixes
+
+* do not always error out api calls when web socket initially failed ([#1495](https://github.com/GetStream/stream-video-js/issues/1495)) ([7cdb62e](https://github.com/GetStream/stream-video-js/commit/7cdb62e75cad56098ee81eabbcc63382f93fd218))
+
 ## [1.7.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.7.1...@stream-io/video-client-1.7.2) (2024-09-20)
 
 

package/dist/index.browser.es.js

@@ -2875,6 +2875,13 @@ function convertErrorToJson(err) {
     }
     return jsonObj;
 }
+/**
+ * Informs if a promise is yet to be resolved or rejected
+ */
+async function isPromisePending(promise) {
+    const emptyObj = {};
+    return Promise.race([promise, emptyObj]).then((value) => (value === emptyObj ? true : false), () => false);
+}
 /**
  * isOnline safely return the navigator.online value for browser env
  * if navigator is not in global object, it always return true
@@ -3013,7 +3020,7 @@ const retryable = async (rpc, signal) => {
     return result;
 };
 
-const version = "1.7.2";
+const version = "1.7.3";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -11365,6 +11372,15 @@ class StableWSConnection {
                 this._log(`_connect() - tokenProvider failed before, so going to retry`);
                 await this.client.tokenManager.loadToken();
             }
+            let mustSetupConnectionIdPromise = true;
+            if (this.client.connectionIdPromise) {
+                if (await isPromisePending(this.client.connectionIdPromise)) {
+                    mustSetupConnectionIdPromise = false;
+                }
+            }
+            if (mustSetupConnectionIdPromise) {
+                this.client._setupConnectionIdPromise();
+            }
             this._setupConnectionPromise();
             const wsURL = this._buildUrl();
             this._log(`_connect() - Connecting to ${wsURL}`, {
@@ -11390,6 +11406,7 @@ class StableWSConnection {
             }
         }
         catch (err) {
+            await this.client._setupConnectionIdPromise();
             this.isConnecting = false;
             // @ts-ignore
             this._log(`_connect() - Error - `, err);
@@ -12047,10 +12064,7 @@ class StreamClient {
                 this.logger('info', 'client:openConnection() - openConnection called twice, healthy connection already exists');
                 return Promise.resolve();
             }
-            this.connectionIdPromise = new Promise((resolve, reject) => {
-                this.resolveConnectionId = resolve;
-                this.rejectConnectionId = reject;
-            });
+            this._setupConnectionIdPromise();
             this.clientID = `${this.userID}--${randomId()}`;
             this.wsPromise = this.connect();
             return this.wsPromise;
@@ -12090,10 +12104,7 @@ class StreamClient {
          */
         this.connectAnonymousUser = async (user, tokenOrProvider) => {
             addConnectionEventListeners(this.updateNetworkConnectionStatus);
-            this.connectionIdPromise = new Promise((resolve, reject) => {
-                this.resolveConnectionId = resolve;
-                this.rejectConnectionId = reject;
-            });
+            this._setupConnectionIdPromise();
             this.anonymous = true;
             await this._setToken(user, tokenOrProvider, this.anonymous);
             this._setUser(user);
@@ -12132,6 +12143,16 @@ class StreamClient {
             this.logger('debug', `Removing listener for ${eventName} event`);
             this.listeners[eventName] = this.listeners[eventName]?.filter((value) => value !== callback);
         };
+        /**
+         * sets up the this.connectionIdPromise
+         */
+        this._setupConnectionIdPromise = async () => {
+            /** a promise that is resolved once connection id is set */
+            this.connectionIdPromise = new Promise((resolve, reject) => {
+                this.resolveConnectionId = resolve;
+                this.rejectConnectionId = reject;
+            });
+        };
         this._logApiRequest = (type, url, data, config) => {
             this.logger('trace', `client: ${type} - Request - ${url}`, {
                 payload: data,
@@ -12154,8 +12175,18 @@ class StreamClient {
                 await Promise.all([
                     this.tokenManager.tokenReady(),
                     this.guestUserCreatePromise,
-                    this.connectionIdPromise,
                 ]);
+                // we need to wait for presence of connection id before making requests
+                try {
+                    await this.connectionIdPromise;
+                }
+                catch (e) {
+                    // in case connection id was rejected
+                    // reconnection maybe in progress
+                    // we can wait for healthy connection to resolve, which rejects when 15s timeout is reached
+                    await this.wsConnection?._waitForHealthy();
+                    await this.connectionIdPromise;
+                }
             }
             const requestConfig = this._enrichAxiosOptions(options);
             try {
@@ -12338,7 +12369,7 @@ class StreamClient {
             });
         };
         this.getUserAgent = () => {
-            const version = "1.7.2";
+            const version = "1.7.3";
             return (this.userAgent ||
                 `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${version}`);
         };